@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  }

h1 {
  writing-mode: vertical-rl;
  font-size: 12px;
  font-family: "Gothic Medium BBB", sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  }

p {
  font-size: 12px;
  letter-spacing: 0.05em;
  font-family: "Gothic Medium BBB", sans-serif;
  }

h1, h2, p {
  line-height:1.75;
  text-align: justify;
  }

a {
  text-decoration:none;
  }

a:link {
  color: #000000;
  }

main {
  background: #546b7e;
  width: 1200px;
  margin: 10px 0 0 30px;
  padding: 40px;
  }

div {
  background: #546b7e;
  width:180px;
  margin: 10px 0 0 30px;
  padding: 40px;
  }

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  grid-template-rows: 200px 200px 200px;
  }

.item {
  background: #ffffff;
  color: #fff;
  padding: 10px;
  }

/* 記事部分 */
article {width: 74%; }
/* サイドバー */
aside {width: 22%;}