@charset "utf-8";
/* CSS Document */
img.top_img {
  max-width: 100%;
}
.box1 {
  width: 100%;
  height: auto;
  background-color: #0e2853;
}
img.top_img2 {
  max-width: 36%;
  margin: 3% 32%;
  text-align: center;
}
img.top_img3 {
  max-width: 90%;
  margin: 10% 5% 3% 5%;
  text-align: center;
}
.top_list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.top_list li {
  width: 48%;
  margin: 0 0 3% 0;
  padding: 0;
  list-style: none;
  float: left;
}
img.top_img4 {
  max-width: 60%;
  margin: auto 20%;
  text-align: center;
}
.list_text {
  width: 90%;
  margin: auto 5% 3% 5%;
  text-align: center;
  font-size: 23px;
  color: #fff;
  font-weight: 600;
}
.list_box {
  width: 85%;
  height: 100px;
  margin: auto 5%;
  padding: 5% 2.5% 5% 2.5%;
  text-align: center;
  border: solid #fff 1px;
}
.top_list2 {
  width: 100%;
  margin: 0;
  padding: 0;
}
.top_list2 li {
  width: 96%;
  margin: 0;
  padding: 2%;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 0px) and (max-device-width: 320px) {
  .top_list2 li {
    width: 96%;
    margin: 0;
    padding: 2%;
    color: #fff;
    text-align: left;
    font-size: 15px;
  }
}
img.top_img5 {
  max-width: 60%;
  margin: 3% 20% auto 20%;
  text-align: center;
}
.small {
  font-size: 13px;
}
@media screen and (min-width: 0px) and (max-device-width: 320px) {
  .small {
    font-size: 11px;
  }
}