*{
  font-family: 'Noto Sans JP', sans-serif;
}

.contentsArea{
  height: 100vh;
  display: flex;
  margin-top: 130px;
  justify-content: center;
}

.content {
  height: 40vh;
  width: 70%;
  display: flex;
  border-bottom: 7px solid rgb(172, 210, 146);
  position: relative;
}

.content a {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}

/* マウスオーバー時に色変更*/
.content a:hover{
  opacity: 0.1;
  background-color: #000000;
}

.contentImg {
  height: 226px;
  width: 158px;
  margin: 42px;
  background-image: url('img/pdfImg1.jpg');
  background-size: cover;
  background-position: center;
}

.contentTextArea {
  height: 230px;
  width: 60%;
  margin-top: 45px;
  margin-left: 60px;
}

.contentDate {
  margin: 25px;
  font-size: 24px;
}

.contentTitle {
  margin: 25px;
  font-size: 21px;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1000px) {
	/* 1000px以下に適用されるCSS（タブレット用） */
  .content {
    height: 46vh;
  }

  .contentTextArea {
    height: 220px;
  }
}

@media screen and (max-width: 600px) {
  /* 600px以下に適用されるCSS（スマホ用） */
  .content {
    height: 23vh;
  }

  .contentImg {
    height: 171px;
    width: 180px;
    margin: 0px;
    margin-left: 10px;
  }

  .contentTextArea {
    height: 150px;
    width: 60%;
    margin-top: 40px;
    margin-left: 50px;
  }

  .contentDate {
    margin: 0px;
    font-size: 12px;
  }
  
  .contentTitle {
    margin-top: 25px;
    margin-left: 0px;
    font-size: 10px;
  }
}