@charset "UTF-8";

#notfound_cont .block {
  margin-bottom: 40px;
}

#notfound_cont .block .headline {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #323c96;
  font-size: 3rem;
  font-weight: bold;
}

#notfound_cont .block .headline::before {
  content: "■";
  color: #323b96;
  margin-right: 10px;
}

#notfound_cont .block .content {
  font-size: 1.5rem;
}

#notfound_cont .block .content p,
#notfound_cont .block .content ul {
  margin-bottom: 20px;
}

#notfound_cont .block .content ul li {
  text-indent: -1em;
  padding-left: 1em;
}

#notfound_cont .block .content>dl {
  margin-bottom: 30vh;
}

#notfound_cont .block .content>dl>dt {
  font-weight: bold;
  font-size: 2.4rem;
  color: #323b96;
  margin-bottom: 20px;
  margin-left:1.5em;
}

#notfound_cont .block .content>dl>dd {
  margin-left: 3em;
  font-size: 1.8rem;
  line-height: 2.2em;
}

@media screen and (max-width: 1024px) {
  #notfound_cont .block .headline {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 2.2rem;
  }
  #notfound_cont .block .content>dl {
    margin-bottom: 30vh;
  }
  #notfound_cont .block .content>dl>dt {
    font-size: 1.8rem;
    margin-bottom: 10px;
    margin-left:1.8em;
  }
  #notfound_cont .block .content>dl>dd {
    font-size: 1.6rem;
    margin-bottom: 10px;
    margin-left:2.4em;
    line-height: 1.6em;
  }
}

@media screen and (max-width: 425px) {
  #notfound_cont .block .headline {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
  #notfound_cont .block .content>dl {
    margin-bottom: 30vh;
  }
  #notfound_cont .block .content>dl>dt {
    font-size: 1.5rem;
    margin-bottom: 10px;
    margin-left:1.8em;
  }
  #notfound_cont .block .content>dl>dd {
    font-size: 1.2rem;
    margin-bottom: 10px;
    margin-left:2.4em;
  }
}