@charset "UTF-8";
/* -------------------------------------
aboutus
------------------------------------- */
.aboutus {
  padding-bottom: 73px;
}
.aboutus p {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
}
.aboutus #about .blk,
.aboutus #info .blk {
  padding-bottom: 60px;
}
.aboutus #info p.tel,
.aboutus #info p.mail {
  display: inline-block;
  margin-right: 1em;
}
.aboutus #info p span {
  display: inline-block;
  padding-right: 1em;
}
.aboutus #group .listblk {
  display: flex;
}
.aboutus #group .listblk ul {
  width: 50%;
}
.aboutus #group .listblk ul li {
  margin-bottom: 30px;
}
.aboutus #group .listblk ul li a {
  font-size: 15px;
  font-weight: 700;
  color: #21759b;
  text-decoration: underline;
}
.aboutus #group .listblk ul li a.nolink {
  text-decoration: none;
}
.aboutus #covid-19 .page_s {
  border: 1px solid #d0cece;
  border-radius: 20px;
  padding: 30px;
}
.aboutus #covid-19 .inblk {
  max-width: 790px;
  margin: 0 auto;
}
.aboutus #covid-19 .inblk .cvttl,
.aboutus #covid-19 .inblk p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
.aboutus #covid-19 .inblk .cvttl span,
.aboutus #covid-19 .inblk p span {
  display: inline-block;
}
.aboutus #covid-19 .inblk ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 22px 0;
}
.aboutus #covid-19 .inblk ul li {
  width: 23%;
  max-width: 172px;
}
.aboutus #covid-19 .inblk ul li:nth-of-type(-n + 4) {
  margin-bottom: 5%;
}
@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1260px) {
}

@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 980px) {
  .aboutus #covid-19 .inblk .cvttl,
  .aboutus #covid-19 .inblk p {
    font-size: 17px;
  }
}
@media screen and (max-width: 880px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 768px) {
  .aboutus #covid-19 .inblk .cvttl,
  .aboutus #covid-19 .inblk p {
    font-size: 16px;
  }
  .aboutus #covid-19 .inblk ul {
    max-width: 570px;
    margin: 0 auto;
    justify-content: flex-start;
  }
  .aboutus #covid-19 .inblk ul li:nth-of-type(-n + 4) {
    margin-bottom: 5%;
  }
  .aboutus #covid-19 .inblk ul li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
  }
  .aboutus #covid-19 .inblk ul li:nth-child(3n) {
    margin-right: 0;
  }
  .aboutus #covid-19 .inblk ul li:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {
  .aboutus {
    padding-bottom: 20px;
  }
  .aboutus #about .blk,
  .aboutus #info .blk {
    padding-bottom: 40px;
  }
  .aboutus #group .listblk {
    display: block;
  }
  .aboutus #group .listblk ul {
    width: 100%;
  }
  .aboutus #group .listblk ul li {
    margin-bottom: 14px;
  }
  .aboutus #covid-19 .page_s {
    padding: 22px 30px;
  }
  .aboutus #covid-19 .inblk .cvttl,
  .aboutus #covid-19 .inblk p {
    font-size: 15px;
  }
}
@media screen and (max-width: 550px) {
  .aboutus #covid-19 .inblk ul {
    max-width: 320px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .aboutus #covid-19 .inblk ul li:nth-of-type(-n + 4),
  .aboutus #covid-19 .inblk ul li:nth-last-child(-n + 3) {
    margin-bottom: 22px;
  }
  .aboutus #covid-19 .inblk ul li,
  .aboutus #covid-19 .inblk ul li:nth-child(3n) {
    margin-right: 0;
  }
  .aboutus #covid-19 .inblk ul li {
    width: 46%;
    margin-bottom: 22px;
  }
  .aboutus #covid-19 .inblk ul li:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .aboutus p {
    font-size: 14px;
  }
  .aboutus #covid-19 .inblk .cvttl,
  .aboutus #covid-19 .inblk p {
    font-size: 14px;
  }
}

@media screen and (max-width: 375px) {
}

@media screen and (min-width: 769px) {
}