/* Scss Document */
.greeting .greeting-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.greeting .greeting-wrapper .item-body {
  width: 665px;
}
.greeting .greeting-wrapper .item-body h3 {
  margin-bottom: 1em;
  font-size: 3.2rem;
  font-weight: bold;
}
.greeting .greeting-wrapper .item-body p {
  margin-bottom: 1.5em;
}
.greeting .greeting-wrapper .item-image {
  width: 375px;
}
.greeting .greeting-wrapper .item-image .president {
  font-size: 2.4rem;
}

.history table {
  margin: 0 auto;
  width: 950px;
}
.history tr:nth-child(odd) {
  background: #F5F3F0;
}
.history th, .history td {
  padding: 1em;
  vertical-align: top;
}
.history th {
  padding-left: 95px;
}
.history td {
  padding-right: 95px;
}

.outline .outline-wrapper {
  display: flex;
  justify-content: space-between;
}
.outline .outline-wrapper .item-body {
  width: 665px;
}
.outline .outline-wrapper .item-image {
  width: 375px;
}
.outline table table {
  margin: 0;
}
.outline table table tr, .outline table table th, .outline table table td {
  padding: 0;
  border: none;
}
.outline tr {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.outline th, .outline td {
  padding: 0.5em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  vertical-align: top;
  text-align: left;
}

.access .access-wrapper {
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
}
.access .access-wrapper ul {
  font-weight: bold;
}
.access .access-wrapper img {
  margin-right: 0.5em;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 600px) {
  .greeting .greeting-wrapper {
    display: block;
  }
  .greeting .greeting-wrapper .item-body {
    width: 100%;
  }
  .greeting .greeting-wrapper .item-body h3 {
    margin-bottom: 1em;
    font-size: 2.4rem;
    font-weight: bold;
  }
  .greeting .greeting-wrapper .item-body p {
    margin-bottom: 1.5em;
  }
  .greeting .greeting-wrapper .item-body p br {
    display: none;
  }
  .greeting .greeting-wrapper .item-image {
    margin: 0 auto;
    width: 75%;
  }
  .greeting .greeting-wrapper .item-image .president {
    font-size: 2.4rem;
  }

  .history table {
    margin: 0 auto;
    width: 100%;
    display: block;
  }
  .history tr:nth-child(odd) {
    background: #F5F3F0;
  }
  .history tbody, .history tr {
    display: block;
  }
  .history th, .history td {
    padding: 1em;
    display: block;
    text-align: left;
  }
  .history th {
    padding: 1em 1em 0.25em;
  }
  .history td {
    padding: 0.25em 1em 1em;
  }

  .outline .outline-wrapper {
    display: block;
    justify-content: space-between;
  }
  .outline .outline-wrapper .item-body {
    width: 100%;
  }
  .outline .outline-wrapper .item-image {
    width: 100%;
  }
  .outline table table {
    margin: 0;
    display: block;
  }
  .outline table table tr, .outline table table th, .outline table table td {
    padding: 0;
    border: none;
    display: block;
  }
  .outline table table tr {
    margin-bottom: 1em;
  }
  .outline tr {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }
  .outline th, .outline td {
    padding: 0.5em;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    vertical-align: top;
    text-align: left;
  }

  .access .access-wrapper {
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
  }
  .access .access-wrapper ul {
    font-weight: bold;
  }
  .access .access-wrapper img {
    margin-right: 0.5em;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
  }
}