@charset "utf-8";

.first-view{
  height: calc(30vh - 110px);
  background-image:url(../figure/Tyndall.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

.first-view-text{
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
}

.lead{
  max-width: 1200px;
  margin: 30px auto;
  padding-left: 40px;
  padding-right: 40px;
}

.lead p{
  line-height: 2;
}

.temp-news{
  line-height: 1.5;
	font-weight:bold;
	display:block;
	margin-top:2.0rem;
	margin-bottom:0.75rem;
	padding-left:15px;
	border-bottom:1px solid var(--main-color2);
	border-left:7px solid var(--main-color2);
}

.newslist  {
  line-height: 1.5;
}

.newslist dt {
  margin-top: 0px;
	float: left;
	width: 100px;
  font-weight: bold;
}
.newslist dd {
	margin: 10px 0 10px 100px;
}

@media (max-width: 960px){ /*中くらいのサイズ*/
  h1 {
    font-size: 28px
  }
  .first-view{
    padding-left: 30px;
  }
}

@media (max-width: 768px){ /*小さいサイズ*/
  .first-view{
    background-color: #888888;
    background-blend-mode: multiply;
    padding-left: 20px;
    padding-right: 20px;
  }

  h1 {
    font-size: 24px
  }

  .lead{
    padding-left: 20px;
    padding-right: 20px;
  }
}