@charset "UTF-8";
/* CSS Document */

/* #header */

.logo-s img {
  width: 50%;
  max-width: 243px;
  margin: 25px 20px;
}


/* #main */

.title {
  margin: 80px auto 0 auto;
  text-align: center;
}

.title h2 {
  margin: 50px auto 0 auto;
}

.line-wave {
  text-align: center;
  margin: 50px auto 0 auto;
}

.line-wave img {
  width: 90%;
}


.summary {
  margin: 100px auto 0 auto;
}

.summary .intro {
  text-align: center;
}

.summary .intro img {
  width: 216px;
  height: 216px;
}

.summary .intro h3 {
  width: 90%;
  margin: 80px auto 0 auto;
  font-size: 24px;
  line-height: 40px;
}

.info {
  width: 90%;
  max-width: 960px;
  margin: 160px auto 160px auto;
}

.info ul {
  margin: 20px;
  padding: 0;
}

.info ul li {
  display: table;
  table-layout: fixed;
  margin: 16px 0;
}

.info ul li .list-item {
  display: table-cell;
  width: 100px;
  padding: 10px 0 10px 0;
  text-align: center;
  border: solid #000;
  border-width: 0 1px 0 1px;
  vertical-align: inherit;
  font-weight: 600;
}

.info ul li .list-text {
  padding-left: 20px;
}

.info ul li .list-text span {
  font-size: 14px;
  font-weight: 100;
}

@media (min-width: 960px){
  .info ul li .list-item {
  width: 160px;
}
}