@charset "UTF-8";

/****************************************
          about
*****************************************/
#about p {
    margin-bottom: 1rem;
}
#about p:last-child {
    margin-bottom: 0;
}
.aboutInner dt, .aboutInner dd, .aboutInner li {
    margin-bottom: 0.5rem;
}
.aboutInner dd:last-child {
    margin-bottom: 0;
}
.aboutInner {
    overflow: hidden;
}
.aboutInnerTxt {
    float: left;
}
.aboutInnerImg {
    float: right;
}
.aboutInnerTxt dl {
    overflow: hidden;
    margin-bottom: 3rem;
}
.aboutInnerTxt dt {
    /* float: left; */
    font-weight: bold;
}
.aboutInnerTxt dd {
    /* margin-left: 10rem; */
}
.aboutInnerTxt dt, .aboutInnerTxt dd {
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 640px) {
  .aboutInnerTxt {
      margin: 0 auto;
      width: auto;
  }
  .aboutInnerTxt dt {
      float: none;
      margin-bottom: 0;
  }
  .aboutInnerTxt dd {
      margin-left: 0;
      margin-bottom: 1rem;
  }
  .aboutInnerTxt dd:last-child {
      margin-bottom: 0;
  }
  .aboutInnerImg {
     float: none;
     margin-bottom: 3rem;
  }
  .aboutInnerImg img {
     width: 100%;
  }
}