@charset "UTF-8";



/*  ----------------------------------------------------------

変更箇所

----------------------------------------------------------  */
.trouble.article {
  background: #f0f0f0;
}



/*  ----------------------------------------------------------

article

----------------------------------------------------------  */
.article {
  background: #f0f0f0;
}
.article > div {
  background: #fff;
  box-shadow: 0 0 1rem rgba(0,0,0,0.2);
  padding: 6rem 4rem;
  border-radius: 0.5rem;
}
.article > div > section:not(:last-of-type) {
  margin-bottom: 4rem;
}
.article h1,
.article h2,
.article h3,
.article h4 {
  line-height: 1.5;
  margin-bottom: 1.5rem;
  margin-top: 4rem;
}
.article h1 {
  font-size: 2.2rem;
}
.article h2 {
  font-size: 1.8rem;
  color: #fff;
  background: var(--blue);
  padding: 1.0rem 2rem 1.1rem 2rem;
}
.article h3 {
  font-size: 1.6rem;
  border-top: solid 0.15rem #000;
  border-bottom: solid 0.15rem #000;
  padding: 1.4rem 0 1.5rem 0;
}
.article h4 {
  font-size: 1.6rem;
}

.article p {
  margin: 1em 0 1em;
  line-height: 1.75;
}

.article figure {
  margin-bottom: 1.5rem;
}

.article_none {
  background-color: #f0f0f0 !important;
}

h2 span {
  color: var(--red);
}

li h3 {
  border-top: none !important;
  border-bottom: none !important;
}

@media screen and (max-width: 768px) {
  .article > div {
    box-shadow: 0 0 1rem rgba(0,0,0,0.2);
    padding: 4rem 3rem;
  }
}