h1{
  margin-top: 50px;
  margin-bottom: 20px;
}
h2{
  margin-top: 20px;
  margin-bottom: 5px;
}
h3{
  margin-top: 20px;
  margin-bottom: 5px!important;
}
h5{
  margin-top: 15px;
  margin-bottom: 0!important;
  color:#2d4c8a;
  font-size:1.2em;
  margin-block-start: 0;
  margin-block-end: 0;
}
h6{
  margin-top: 0!important;
  margin-bottom: 0!important;
  color:#2d4c8a;
  font-size:1.2em;
  margin-block-start: 0;
  margin-block-end: 0;
  border:1px solid #c1dfe3;
  border-radius: 5px;
  padding:5px;
  min-width: 300px;
  background-color: #f0f9fa;
}
.title{
  font-size:1.2em;
  font-weight:600;
  color:#333;
  margin: 10px 0 0 0 ;
}
.large{
  font-size:1.5em;
  font-weight:600;
  color:#333;
  margin: 20px 0 0 0 ;
}.large2{
  font-size:1.3em;
  font-weight:600;
  color:#333;
  margin: 20px 0 0 0 ;
}
pre{
  font-size:1.2em;
  line-height: 1.8em;
  width: 100%;
  white-space: pre-wrap;
}
.bold{
  font-size:1.1em;
  font-weight: 600;
  color:#6f6d6d;
}
.small{
  font-size:0.8em;
  color:#6f6d6d;
}
.red{
  font-size:1.1em;
  color:#df0909;
}
.blue{
  font-size:1.1em;
  color:#348feb;
}
.green{
  font-size:1.1em;
  color:#4b7a46;
}
.orange{
  font-size:1.1em;
  color:#eda84e;
}
.purple{
  font-size:1.1em;
  color:#7e5496;
}
.marker{
  background:#f7fc6c;
  padding: 0 5px;
}

.quest{
  font-size:1.2em;
  font-weight: 10;
  padding:2px 6px;
  cursor:pointer;
  background:rgb(180, 203, 245);
  color:rgb(180, 203, 245);
  border-radius: 5px;
}
.quest_show{
  background:none;
  color: rgb(93, 147, 248);
  font-size:1.2em;
  font-weight: 10;
  padding:2px 6px;
  cursor:pointer;
}

.jyo{
  margin-right: 10px;
  font-size: 1em;
  font-weight: bold;
  /* color:rgb(199, 76, 76) */
}
.box{
  border:1px solid #b0b6be;
  padding:10px;
  margin-bottom: 0;
}
table {
  margin: 0;
  width: 100%;
  /* border-collapse: collapse; */
}
th, td {
  /* border: 1px solid #000; */
  padding: 8px;
  text-align: left;
}
th {
  background-color: #f2f2f2;
}