@charset "utf-8";

.mcbl-introduction {
  display: flex;
  flex-wrap: wrap;
  gap: .6em;
}
@media screen and (max-width: 667px) {
.mcbl-introduction {
  margin: 0 auto;
  width: 90%;
}
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
.mcbl-introduction {
  margin: 0 auto;
  width: 95%;
}
}

.mcbl-introduction p {
  align-items: center;
  border-radius: 10px 0 0 10px;
  display: flex;
  font-size: 15px;
  line-height: 2;
  margin: 0;
  padding: 1.5em;
  width: 62%;
}
@media screen and (max-width: 667px) {
.mcbl-introduction p {
  border-radius: 10px 10px 0 0;
  width: 100%;
}
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
.mcbl-introduction p {
  line-height: 1.4;
  width: 60%;
}
}

.mcbl-introduction p span {
  display: block;
  width: 100%;
}

.mcbl-introduction img {
  display: block;
  height: auto;
}
@media screen and (max-width: 667px) {
.mcbl-introduction img { width: 100%; }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
.mcbl-introduction img { width: 40%; }
}

.article-table { min-width: 1040px; }
@media only screen and (min-width: 668px) and (max-width: 1024px) {
.article-table { min-width: auto; }
}

.article-th { width: 25%; }