body {
  font-family: 'Noto Sans JP', sans-serif;
}
h1 {
  font-size: 3vw;
}
h2 {
  font-size: 2vw;
}
header img {
  width: 32vw;
}
main dl dt span {
  background-color: #ff9203;
  padding: 0.3vw 1.5vw;
  color: #fff;
  border-radius: 1vw;
}
main dl dd span {
  color: red;
}
div ol li ul li {
  list-style-type: disc;
}
div.yamazaki__question dl dd {
  margin-left: 1.5em;
  text-indent: -1.6em;
}
div.yamazaki__question dd.yamazaki__question--asterisk, div.yamazaki__inpuiry dd.yamazaki__inpuiry--asterisk {
  margin-left: 1em;
  text-indent: -1em;
}
div.yamazaki__inpuiry dt {
  font-size: 2vw;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  h1 {
    font-size: 7vw;
  }
  h2 {
    font-size: 5vw;
  }
  main div:nth-child(1){
    width: 100% !important;
    margin: auto;
  }
  main dl dt span {
    padding: 0.5vw 2.5vw;
    border-radius: 3vw;
  }
  div.yamazaki__inpuiry dt {
    font-size: 5vw;
  }
}

/* large smartphone */
@media (min-width: 576px) {
  h2 {
    font-size: 2.5vw;
  }
  main div:nth-child(1){
    width: 95% !important;
    margin: auto;
  }
  div.yamazaki__inpuiry dt {
    font-size: 2.5vw;
  }
}

/* Tablet */
@media (min-width: 768px) {
  h2 {
    font-size: 2vw;
  }
  div.yamazaki__inpuiry dt {
    font-size: 2.5vw;
  }
}

/* PC */
@media (min-width: 992px) {

}

/* PC Extra Large */
@media (min-width: 1200px) {

}