body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  border-color: rgb(193, 234, 248);
}

.container {
  max-width:750px;;
}

h2{
  color: #ffffff;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background-color:#faead6;/*背景色*/
  vertical-align: middle;/*上下中央*/
  border-radius: 25px;/*角を丸く*/
  width:100%;
  margin-bottom: 20px;
  font-size: 1.5rem;
  color: #24292e;
  font-weight: bold;
}

.h4{
  padding: 15px 0 15px 0;
}

.frame{
  width: 100%;
  height: 100%;
  border: #24292e;
  border-style: double;
  margin-bottom: 50px;
  padding: 0 0 0 10px;

}

.ul{
  list-style: none;
}

.search_box{
  border:1.5px solid #24292e;
  background-color:#f0ffff;
  padding:0 30px;
  margin-bottom: 50px;
}

.result_box{
  padding-bottom:30px;
}

.result_box table{
  margin:30px 0;
}

.result_box table th{
  padding:5px 10px;
  width:13%;
  white-space:nowrap;
  /*background-color:#f0ffff;*/
  background-color: #f0ffff;
}

.result_box table td{
  padding:5px 10px;
  /*background-color:#fff;*/
  background-color: #fff;
}

.result_box table td.short{
  width:37%;
}

.result_box table td.very_short{
  width:12%;
}

@media (max-width: 576px){
  .search_box{
    padding:0 5px;
    margin-bottom: 15px;
  }

  .result_box table th{
    font-size:12px;
  }

  .result_box table td{
    font-size:12px;
  }
}