@charset "UTF-8";
body {
  max-width: 960px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  font-family: "丸ゴシック", "-apple-system", BlinkMacSystemFont, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif"; }

.btn {
  width: 100%;
  display: block;
  transition: 0.3s; }
  .btn:hover {
    opacity: 0.8; }

.flex {
  display: flex;
  align-items: flex-start; }
  .flex a {
    width: 25%; }

.flex2 {
  align-items: flex-start;
  justify-content: center;
  background-color: #dddddd;
  display: flex; }
  .flex2 a {
    width: 24%; }
  .flex2 > img {
    width: 24%; }