@media screen and (min-width: 900px) {
  header .h-top {
    width: 95%;
    height: 15%;
  }
  header .h-top .hide {
    display: none;
  }
  header .h-top .h-list {
    display: flex;
    align-items: center;
  }
  header .h-top .h-list li {
    font-size: 1.1em;
  }
  main .consepts h3 {
    font-size: 2em;
  }
  main .consepts img {
    width: 30%;
  }
  main .line .line-qr {
    width: 280px;
  }
  main .line .line-text {
    font-size: 1.8em;
    margin: 0 0 0 16px;
  }
  main .topics, main .news {
    margin: 100px 0 0 0;
    display: flex;
  }
  main .topics .contents #close-topics, main .topics .contents #show-topics {
    margin: 0 auto;
  }
  main .topics .contents #close-topics p, main .topics .contents #show-topics p {
    font-size: 1.1em;
    width: 30%;
  }
  main .contents {
    width: 100%;
  }
  main .contents ul li p {
    width: 80%;
    font-size: 1.3em;
  }
  main .contents ul li span {
    font-size: 1.3em;
  }
  footer {
    padding: 10% 5%;
  }
  footer .hide-footer {
    display: none;
  }
  footer .f-container {
    display: flex;
  }
  footer .f-container .f-left {
    width: 70%;
    display: flex;
    justify-content: left;
  }
  footer .f-container .f-right {
    width: 30%;
    display: flex;
  }
  footer .f-container .f-right .f-bottom {
    width: 100%;
  }
  footer .f-container .f-right .f-bottom img {
    width: 100%;
  }
  footer .f-container .f-right .f-bottom p {
    font-size: 1.3em;
  }
  footer .f-container .f-right .back-home {
    display: block;
  }
}/*# sourceMappingURL=responsive.css.map */