@charset "UTF-8";
/* CSS Document */

.sayou {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-top: 10px;
}
@media (max-width : 500px) {
  .sayou {
    display: block;
  }
}
.sayou {
  --gap: 12px; /* 要素間の余白 */
}
.sayou .box {
  flex: 0 0 calc((100% - (3 * var(--gap))) / 4);
  border: #ccc solid 1px;
  padding: 12px;
  border-radius: 6px;
  text-align: center;
  background-color: #f5f4f3;
}
@media (max-width : 500px) {
  .sayou .box {
    padding: 6px 15px;
    text-align: left;
  }
  .sayou .box:nth-of-type(n+2) {
    margin-top: 6px;
  }
  .sayou .box:nth-child(even) {
    background-color: #f5f4f3;
  }
}
.sayou .box h4 {
  color: #7c0404;
  font-weight: 600;
  border-bottom: #ccc dotted 1px;
  padding-bottom: 5px;
}
.sayou .box p {
  line-height: 1.6em;
  font-size: 95%;
  padding-top: 8px;
}
.kouka h4 {
  color: #7c0404;
  font-weight: 600;
}
.kouka h4:nth-of-type(n+2) {
  margin-top: 20px;
}