@media screen and (max-width: 768px) {
  #content p {
    font-size: 0.95rem;
  }
  .sub .contentInr {
    padding: 20px 20px;
  }
  .sub h4 span {
    font-size: 1.2rem !important;
    padding: 0 0.2em;
  }
  .inner p,
  .contentInr p,
  .inner span,
  .contentInr span,
  .inner td,
  .contentInr td,
  .inner li,
  .contentInr li {
    font-size: 0.95rem;
  }
  .whyMeesageWrap .president {
    letter-spacing: -0.4em;
    padding: 0 0 20px;
  }
  .whyMeesageWrap .president > * {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .whyMeesageWrap .president > img {
    width: 40%;
  }
  .whyMeesageWrap .president > div {
    width: calc(60% - 30px);
    margin: 0 10px 0 20px;
    padding: 40px 0;
  }
  .whyMeritWrap .meritIn ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}