@charset "UTF-8";

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html{
font-family:sans-serif; /* 1 */
line-height:1.15; /* 2 */
-ms-text-size-adjust:100%; /* 3 */
-webkit-text-size-adjust:100%; /* 3 */
}
/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body{
margin:0;
}


*{
box-sizing:border-box;
}

body{
margin:0 auto;
max-width:64rem;
background:#585a5e;
font-family:meiryo,sans-serif;
text-rendering:optimizeLegibility;
}

a[href]{
color:#006ec8;
text-decoration:underline;
}

a[href]:hover,
a[href]:focus{
color:#0033a8;
}

a[href]:visited{
color:#3f5b71;
}

.slide{
margin:2rem auto 4rem;
max-width:64rem;
border-radius:.5rem;
background:#fff;
padding:1.75rem 3.25rem 2.5rem 3.25rem;
color:#333;
box-shadow:0 1.25rem 3.125rem rgba(0,0,0,.3);
position: relative;
}

.slide .logo{
text-align: right;
}

.slide h1{
margin:0 0 1.25rem 0;
font-size:1.75rem;
color:#006ec8;
}

.slide h2{
margin:2rem 0 1rem;
}

.slide .q{
margin:2rem 0 2rem;
font-size:1.5rem;
line-height: 1.5em;
font-weight:normal;
color:#000;
}
.slide .q:first-letter {
font-size:1.8rem;
color:#006ec8;
font-weight: bold;
}


.slide ul{
margin:0 0 3em;
padding:0 0 0 .75em;
list-style:none;
}
.slide ul.choices li {
font-size:1.5rem;
}
.slide p,
.slide li{
margin:0 0 .75em;
line-height:1.5;
}
.slide .comment {
font-size:1.25rem;
}
.slide .choices input{
  display: none;
}
.slide .choices .labeltext {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 25px;
}
.slide .choices .labeltext::before {
  position: absolute;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #006ec8;
  left: 0;
  top: 7px;
}
.slide .choices .labeltext::after {
  position: absolute;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #006ec8;
  left: 3px;
  top: 10px;
  opacity: 0;
  transition: .3s;
}

.slide .choices input[type=radio]:checked + .labeltext::after {
 opacity: 1;
}

.slide em{
color:#c00000;
font-weight:bold;
font-style:normal;
}

.slide .marker{
border-radius:.25rem;
background:#585a5e;
min-width:4rem;
padding:.125rem .25rem .0625rem;
display:inline-block;
text-align:center;
color:#fff;
}

.slide fieldset,
.slide legend{
padding:0;
border:0;
margin:0 0 .75em;
}

.slide .answers li{
padding-left:2.2em;
line-height: 2.0;
font-size:1.25rem;
}
.slide .q.a{
margin:2rem 0 2rem;
font-size:1.25rem;
line-height: 1.5em;
font-weight:normal;
color:#000;
}
.slide .q.a:first-letter {
font-size:1.5rem;
color:#000;
font-weight: normal;
}
.slide .selected{
background:url('/library/new/local/epatest/img/icon-selected.svg') left -0.05em / 2.0em 2.0em no-repeat;
}

.slide .correct.selected{
background:url('/library/new/local/epatest/img/icon-correct.svg') left -0.05em / 2.0em 2.0em no-repeat;
}

.slide .correct{
color:#c0504d;
font-weight:bold;
}
.slide .marker{
font-size:1.0rem;
}
.slide .correct .marker{
background:#c0504d;
}
#feedback{
font-weight:bold;
font-size:1.25rem;
}

.slide .nav-next{
margin-top:2rem;
text-align:center;
}

.slide .nav-next button,
.slide .nav-next a[href]{
border-radius:.5rem;
border:0;
background:#006ec8;
padding:1rem 1.5rem 1rem;
display:inline-block;
color:#fff;
font-family:inherit;
font-weight:bold;
font-size:larger;
line-height:1;
text-decoration:underline;
outline-offset:-0.0625rem;
}

.slide .nav-next button:hover,
.slide .nav-next button:focus,
.slide .nav-next a[href]:hover,
.slide .nav-next a[href]:focus{
background:#0033a8;
}

.slide .nav-back{
margin:3rem 0 0;
border-top:thin solid #585a5e;
padding:1em 0 0;
}


.step {
  font-size:1.375rem;
  position: absolute;
  top:30px;
}
  
.menu li {
  display: inline-block;
  margin-right: 10px;
}
.menu li a {
  text-decoration: none !important;
}
.elem_text_list ul li {
    padding: 0 0 5px 12px;
    line-height: 1.3;
    background: url(/library/new/common/content_images/icon/icon_dotted.gif) no-repeat left 0.5em;
    text-decoration: none !important;
}