@charset "UTF-8";
#about .concept { padding-top: 100px; padding-bottom: 100px; margin-bottom: 30px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/page/about-bg.png"); }
#about .concept .title { text-align: center; font-weight: bold; }
#about .concept .title div:first-child { margin-bottom: 1em; color: #00b5a2; font-size: 16px; }
#about .concept .title div:last-child { margin-bottom: 1em; color: #018c7d; font-size: 33px; line-height: 1.3; }
#about .concept p { text-align: center; }
@media (max-width: 767.98px) { #about .concept { background-size: cover; } }
@media (min-width: 768px) { #about .concept { background-size: contain; padding-top: 140px; padding-bottom: 140px; margin-bottom: 70px; }
  #about .concept .title div:first-child { font-size: 20px; }
  #about .concept .title div:last-child { font-size: 42px; }
  #about .concept p { font-size: 16px; } }
#about .info .title { background-color: #00b5a2; color: #fff; text-align: center; margin-bottom: 1.5em; padding: 1em; line-height: 1; font-size: 16px; }
#about .info dl { border-bottom: 1px solid #dadfdf; }
@media (max-width: 767.98px) { #about .info dt { padding-top: 1em; border-top: 1px solid #dadfdf; }
  #about .info dd { margin-bottom: 1em; } }
@media (min-width: 768px) { #about .info .title { font-size: 20px; }
  #about .info dt { clear: both; float: left; width: 9em; font-weight: normal; padding: 1em 0.5em; border-top: 1px solid #dadfdf; }
  #about .info dd { margin-bottom: 0; padding: 1em 0.5em; border-top: 1px solid #dadfdf; margin-left: 9em; font-weight: normal; } }
#about .icons { padding-top: 1em; text-align: center; }
#about .icons .img img { max-width: 60px; height: auto; }
#about .icons .txt { padding-top: 0.5em; font-size: 95%; font-family: "メイリオ", "Meiryo", sans-serif; }
@media (max-width: 991.98px) { #about .icons .icn { margin-top: 1em; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } }
@media (min-width: 992px) { #about .icons { max-width: 850px; margin: 0 auto; }
  #about .icons .icn { flex: 0 0 15%; max-width: 15%; } }

/*# sourceMappingURL=about.css.map */
