@charset "UTF-8";
#top {
  position: relative;
}

/* =====================
  メインビジュアル
===================== */
.topmain {
  margin-bottom: 10vw;
  overflow: hidden;
}
.topmain-images {
  height: 90vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topmain-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topmain-cotents {
  display: flex;
  flex-direction: column;
}
.topmain-catch {
  line-height: 1.5;
  color: #111111;
  padding: 20vw;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.topmain-catch .catch-img{
	margin: 50px auto 10px;
	width: 45%;
}
.topmain-catch .catch-img img{
	width: 100%;
}
.topmain-catch h2{
	text-align: center;
	font-size: 2.5vw;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	line-height: 1.2em;
}
.topmain-catch h2 span.catch-text{
	font-size: 50%;
	color: #00a557;
}
.topmain-catch h2 span.message{
	font-size: 50%;
}
@media screen and (max-width: 900px) {
	.topmain-catch{
		padding: 0;
	}
	.topmain-catch h2{
		font-size: 7vw;
		line-height: 1.5;
		margin-bottom: 4rem;
	}
}

/* =====================
  新着情報
===================== */
#top .news {
  background: #F8F8F8;
}
#top .news-title {
  font-family: 'Barlow', sans-serif;
  font-weight: 100;
  font-size: 10vw;
  line-height: 1.3;
  color: #111111;
  text-align: center;
  margin-bottom: 8vw;
  flex-direction: column;
}
#top .news-title span {
  font-family: "FP-ヒラギノ角ゴ StdN W1";
  font-size: 4vw;
  display: block;
}

/* =====================
  コンテンツナビ
===================== */
.contentnavi {
  display: block;
}
.contentnavi-blockA {
  width: 100%;
  height: 40vw;
  margin-bottom: 4vw;
}
.contentnavi-blockA_01, .contentnavi-blockA_02{
  width: 80%;
  position: relative;
}
@media screen and (max-width: 900px) {
	.contentnavi-blockA {
		height: 55vw;
		flex-flow: column;
	}
	.contentnavi-blockB {
		height: 55vw;
		flex-flow: column;
	}
}
.contentnavi-blockB a {
  width: 80%;
  height: 35vw;
  margin-bottom: 4vw;
}
.contentnavi-blockB a:last-of-type {
  margin-bottom: 0;
}
.contentnavi-blockB_01, .contentnavi-blockB_02, .contentnavi-blockB_03 {
  width: 48%;
  position: relative;
}

.contentnavi-blockA_01 .contentImage {
  background: url("../images/common/outline_btn.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi-blockA_02 .contentImage {
  background: url("../images/common/outline_btn_c.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi-blockB_01 .contentImage {
  background: url("../images/common/concept_btn.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi-blockB_02 .contentImage {
  background: url("../images/common/outline_03.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi-blockB_03 .contentImage {
  background: url("../images/common/outline_04.jpg");
  background-position: center center;
  background-size: cover;
}