@charset "UTF-8";

.right .colmun {
  flex-wrap: wrap;
  gap: 2em;
}
.right .colmun li {
  width: calc(calc(100% - 4em) / 3);
}
.right .colmun li img {
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  height: auto;
}
.right .colmun li figcaption {
  margin-top: 1em;
  text-align: center;
}
.align__right {
  text-align: right;
}
.remark.colmun {
  margin-top: 2em;
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 1255px) {
  .right .colmun {
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .right .colmun li {
    width: calc(calc(100% - 2em) / 2);
  }
}

@media screen and (max-width: 599px) {
  .right .colmun li {
    width: 100%;
  }
  .right .colmun li img {
    width: 100%;
    height: auto;
  }
}