container {
  display: block;
}
main {
  line-height: 1.6;
}
main.twocolumn {
  display: flex;
  justify-content: space-between;
}
main.twocolumn article {
  width: calc( 50% - 20px );
  flex-shrink: 0;
}
main.twocolumn article.img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
main.twocolumn article.txt img {
  max-width: 100%;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  main.twocolumn {
    display: block;
  }
  main.twocolumn article {
    width: auto;
  }
}
container.gray {
  background: #f3f3f3;
}
main.largeimg img {
  width: 80%;
  display: block;
  margin: 0 auto 0 auto;
}
.video-block iframe {
  width: 900px;
  height: 507px;
  display: block;
  margin: 20px auto 20px auto;
}
@media screen and (max-width: 768px) {
  .video-block iframe {
    width: 90vw;
    height: 50.6vw;
  }
}
container.lp {
  padding: 1px;
}
main:empty {
  display: none;
}