@charset "utf-8";

.jplus2112-ttl-01 {
text-align: center;
background-color: #eb7000;
margin-top: 1.25em;
}
.jplus2112-ttl-01 h3 {
font-size: 120%;
color: #fff;
font-weight: bold;
padding: 10px;
}
.jplus2112-ttl-02 {
text-align: center;
background-color: #fce7cd;
margin-top: 1.25em;
border-radius: 100px;
width: 200px;
margin: 0 auto;
}
.jplus2112-ttl-02 h4 {
font-size: 100%;
color: #eb7000;
font-weight: bold;
padding: 10px;
}

#jplus2112-judge {
margin-bottom: 40px;
}
.jplus2112-judge-sec {
border-bottom: 1px solid #999;
padding-bottom: 20px;
}
.jplus2112-judge-sec-q {
margin-top: 1.25em;
text-align: center;
}
.jplus2112-judge-sec-q input[type=radio] {
  /* コンテンツの流れから切り離す */
  position: absolute;
  /* 誤ったコードに対処するための回避策 */
  white-space: nowrap;
  /* 可能な限り文字サイズを小さくするための処理
   * (スクリーンリーダー中には height と width が 0 のものを無視するため)
   */
  width: 1px;
  height: 1px;
  /* オーバーフローしているコンテンツを隠す */
  overflow: hidden;
  /* 要素サイズを変更しうるプロパティのリセット */
  border: 0;
  padding: 0;
  /* 要素のどの部分が表示されるかを定義するもの */
  /* 古いブラウザでは使用できない */
  clip: rect(0 0 0 0);
  /* 最近のブラウザ用
   * コンテンツを非表示にする設定  */
  clip-path: inset(50%);
  /* 今現在なぜ-1pxがここで設定されるかは分かっていないそうです。
   * それに加えていくつか問題もあるそうです
   * (参考: https://github.com/h5bp/html5-boilerplate/issues/1985)
   */
  margin: -1px;
}
label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}

label::before,
label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

label::before {
  background-color: #fff;
  border: 1px solid #eb7000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 5px;
}

label::after {
  background-color: #eb7000;
  border-radius: 50%;
  opacity: 0;
  width: 12px;
  height: 12px;
  left: 9px
}

input:checked + label::after {
  opacity: 1;
}

form#jplus2112 input[type=button].hantei {
background: url("/customer_stage/simulator/img/submit-btn.png") no-repeat;
width: 190px;
height: 62px;
margin: 20px auto 0;
    display: block;
}
form#jplus2112 input[type=button].hantei:disabled {
background: url("/customer_stage/simulator/img/submit-btn-off.png") no-repeat;
cursor: none;
}
form#jplus2112 input[type=button].hantei:disabled:hover {
  opacity: 1;
  filter: alpha(opacity=100);
cursor:default;
}
form#jplus2112 input[type=button].hantei:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  color: #fff;
  text-decoration: none
}
#jplus2112-submit {
text-align: center;
}
#jplus2112-submit:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#jplus2112-result {
display: none;}
.jplus2112-result-img {
text-align: center;
}
.jplus2112-result-img img {
margin: 0 auto;
}
.jplus2112-result-R,
.jplus2112-result-S,
.jplus2112-result-G,
.jplus2112-result-P,
.jplus2112-judge-sec-q7,
.jplus2112-judge-sec-q8,
.jplus2112-judge-sec-qextra {
display: none;
}
.jplus2112-result-on {
display: block!important;
}
.jplus2112-result-off {
display: none!important;
}
#jplus2112-result-stage {
font-size: 140%;
font-weight: bold;
}

/* submit reset */
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


input[type=button].jplus2112-reset {
  background: url("/customer_stage/simulator/img/reset-btn.png") no-repeat;
  width: 190px;
  height: 61px;
  margin: 20px auto 0;
  display: none;
}
input[type=button].jplus2112-reset:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  color: #fff;
  text-decoration: none
}