@charset "UTF-8";
/* CSS Document */
/* ttlArea */
.imgArea {
	/*background-image: url("../img/news/main_bg.jpg");*/
}
.ttlArea .inner .h1Area h1:before {
	content: "FEATURE";
}
/* 特徴セクション全体 */
.featuresArea01, .featuresArea02 {
  padding: 80px 20px;
  background-color: #f7fdfa;
}

.featuresArea01 {
	margin-top: 80px;
  background-color: #f7fdfa;
}

.featuresArea02 {
  background-color: #fff;
}

/* 共通インナー */
.featuresArea01 .inner, .featuresArea02 .inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* 見出し */
.featuresArea01 h2, .featuresArea02 h2 {
  font-size: 28px;
  font-weight: bold;
  color: #ab8945;
  margin-bottom: 40px;
}

/* 特徴リスト */
.featuresArea01 ul,
.featuresArea02 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

/* 各項目 */
.featuresArea01 li,
.featuresArea02 li {
  background: #fff;
  padding: 25px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  text-align: left;
}

/* 小見出し */
.featuresArea01 li h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
	color: #80b41f;
	text-align: center;
}
.featuresArea02 li h3 {
	padding: 5px 1.5em;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #FFF;
	background-color: #80b41f;
	border-radius: 20px;
}

/* 説明文 */
.featuresArea01 li p {
  font-size: 15px;
  line-height: 1.8;
	font-weight: 700;
  color: #555;
}
.featuresArea02 li p {
	font-size: 17px;
	line-height: 1.8;
	color: #555;
	padding: 0 2em;
	font-weight: bold;
}

/* 特徴文（セレクションのみ） */
.featuresArea02 p {
  font-size: 16px;
  color: #444;
  margin-bottom: 40px;
}
.featuresArea02 .img {
    max-width: 700px;
	margin: 0 auto;
}
/* 画像エリア */
.tenbinImgBox {
  text-align: center;
  margin: 40px auto 80px;
}
.tenbinImgBox img {
  max-width: 700px;
  height: auto;
}
.noticeTxt {
	font-size: min(2.9vw,13px);
	text-align: left;
}
/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
	.featuresArea01 {
		margin-top: 50px;
	}
  .featuresArea01 ul,
  .featuresArea02 ul {
    grid-template-columns: 1fr;
  }

  .featuresArea01 h2,
  .featuresArea02 h2 {
    font-size: 22px;
  }

  .featuresArea01 li h3,
  .featuresArea02 li h3 {
    font-size: 16px;
  }

  .featuresArea01 li p,
  .featuresArea02 li p {
    font-size: 14px;
  }
	.featuresArea02 p {
	  margin-bottom: 20px;
	}
}