:root {
  --nikko-dark-blue: rgba(6, 40, 104, 1);
  --nikko-pale-blue: rgba(190, 215, 237, 0.6);
}
body {
  font-family: "Noto Sans JP", sans-serif;
}
header,
footer {
  background-color: var(--nikko-dark-blue);
}
main {
  background-color: #ecf3fa;
}
footer {
  height: 120px;
}

div.nikko__correction--logoArea p {
  color: #666;
}
div.nikko__correction--headerTxt {
  height: 50px;
}
div.nikko__correction--headerTxt a {
  line-height: 50px;
  text-decoration: none;
  color: #fff;
  font-size: 1.5vw;
}
div.nikko__correction--headerTxt a:hover {
  text-decoration: underline;
}
div.nikko__correction--headerTxt a::before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  display: inline-block;
  transform: rotate(225deg);
}
div.nikko__correction--logoArea {
  background-color: #fff;
}
div.nikko__correction--logoArea a,
div.nikko__correction--logoArea a:hover {
  color: #fff;
}
main > div >div:first-child {
  width: 70%;
}
.nikko__correction--wrap img {
  width: 80%;
  display: block;
  margin: auto;
}
.nikko__correction--dlBtn {
    display: flex;
    justify-content: center;
}
.nikko__correction--dlBtn a {
    background-color: rgb(0, 146, 0);
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    padding: 1rem;
}
.nikko__correction--dlBtn a:hover {
    opacity: .7;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  div.nikko__correction--logoArea p {
    font-size: 3vw;
  }
  div.nikko__correction--logoArea img {
    width: 65%;
  }
  div.nikko__correction--headerTxt a {
        font-size: 3.5vw;
  }
  .nikko__correction--wrap {
    flex-direction: column;
  }
  main > div >div:first-child {
  width: 100%;
}
main > div >div:last-child {
  width: 100%;
}
  .nikko__correction--txt {
    width: 95%;
  }
  .nikko__correction--wrap img {
    width: 75% !important;
  }
}
/* large smartphone */
@media (min-width: 576px) {
    .nikko__correction--wrap img {
    width: 75% !important;
  }
}
/* Tablet */
@media (min-width: 768px) {
      .nikko__correction--wrap img {
    width: 50% !important;
  }
}
/* PC */
@media (min-width: 992px) {
.nikko__correction--wrap img {
  width: 80% !important;
}
}