@charset "utf-8";

/* ============================================
    common.css
    2021.10.07  by Otsuka Takashi
============================================= */

/* =================================================
  initialize
================================================= */
* {
  margin:                   0;
  padding:                  0;
  font-style:               normal;
  font-family:              sans-serif;
}

@media screen and ( max-width:960px) {
  /* 960px以下の場合 */
  * {
    margin:                   0;
    padding:                  0;
    font-style:               normal;
    font-family:              sans-serif;
    box-sizing:               border-box;
  }
}

html {
  font-size:                62.5%;
}

body {
  letter-spacing:           0.03rem;
  min-width:                960px;
  -webkit-text-size-adjust: 100%;
  background:               #eeeeee;
}

@media screen and ( max-width:960px) {
  /* 960px以下の場合 */
  body {
    letter-spacing:           0.03rem;
    min-width:                100%;
    -webkit-text-size-adjust: 100%;
    background:               #eeeeee;
  }
}

a:link, a:visited {
  color:            #c01300;
  text-decoration:  underline;
}

a:hover, a:active {
  background:       #c01300;
  color:            #ffffff;
  text-decoration:  underline;
}

.containerA {
  width:            960px;
  min-width:        960px;
  max-width:        960px;
  box-shadow:       0 0 20px #000000;
  margin:           0 auto;
  position:         relative;
}

@media screen and ( max-width:960px) {
  /* 960px以下の場合 */
  .containerA {
    width:            95%;
    min-width:        90%;
    max-width:        95%;
    box-shadow:       0 0 20px #000000;
    margin:           0 auto;
    position:         relative;
  }
}

/* =================================================
  header
================================================= */
header {
  padding:          20px 0 20px 0;
  border-bottom:    1px solid #005013;
}

header h1 {
  text-align:       center;
  font-size:        5.0rem;
  font-weight:      bold;
}

@media screen and ( max-width:960px) {
  /* 960px以下の場合 */
  header h1 {
    text-align:       center;
    font-size:        3.0rem;
    font-weight:      bold;
  }
}

/* =================================================
  footer
================================================= */
footer {
  font-size:        1.4rem;
  padding:          2em 0;
  border-top:       1px solid #005013;
}

footer address {
  text-align:       center;
}

/* =================================================
  main
================================================= */
main {
  width:            900px;
  margin:           20px auto 20px auto;
  font-size:        1.6rem;
}

@media screen and ( max-width:960px) {
  /* 960px以下の場合 */
  main {
    width:            100%;
    margin:           20px auto 20px auto;
    padding:          10px;
    font-size:        1.6rem;
  }
}

main h1 {
  font-size:        3.0rem;
  font-weight:      bold;
}

main article {
  border:           1px solid #dddddd;
  padding:          20px;
  margin:           20px auto;
}

main article h1 {
  font-size:        2.0rem;
  font-weight:      bold;
}

main article h2 {
  font-size:        2.0rem;
  font-weight:      bold;
}

main article ul {
  margin:           20px auto 10px auto;
}

main article ul li {
  margin:           5px 0 5px 20px;
  list-style:       none;
}

main article ul li.correct {
  color:            #ff0000;
}

main article ul li label:hover {
  background:       #d6f0e3;
}

main article ul li input {
  margin:           0 5px 0 0;
}

main p.check {
  margin:           0 0 0 20px;
  font-size:        2.0rem;
  font-weight:      bold;
  color:            #999999;
}

main p.correct {
  color:            #ff0000;
}

main input[type="submit"] {
  width:            100%;
  font-size:        1.6rem;
  padding:          5px 0;
  background:       #005013;
  color:            #ffffff;
  border:           none;
}

main input[type="submit"]:hover {
  background:       #66a083;
}

main p#back {
  font-size:        1.6rem;
  text-align:       center;
  margin:           20px auto;
}