@charset "UTF-8";

.benefits-intro {
  margin-top: 44px;
  font-size: 18px;
  line-height: 40px;
}
.benefits-intro__lead {
  margin-bottom: 24px;
  color: #f16ca5;
  font-size: 36px;
  line-height: 64px;
  letter-spacing: .05em;
}
.benefits-section {
  margin-top: 120px;
}
.benefits-section > .section-heading {
  margin-bottom: 40px;
  line-height: 1;
}
.benefits-section__text {
  font-size: 18px;
  line-height: 40px;
}
.benefits-section__action {
  margin-top: 40px;
  text-align: center;
}
.benefits-section__action .link-button {
  min-width: 290px;
}
.benefits-section .photo-grid {
  margin-top: 50px;
}
.benefits .entry-banner {
  margin-top: 170px;
}

/* 下層ページのレスポンシブ対応 */

@media (max-width: 1023px) {
	.benefits-intro {
		margin-top: 30px;
		font-size: 16px;
		line-height: 30px;
	}
	.benefits-intro__lead {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 40px;
	}
	.benefits-section {
		margin-top: 60px;
	}
	.benefits-section > .section-heading {
		margin-bottom: 25px;
		line-height: 42px;
	}
	.benefits-section__text {
		font-size: 16px;
		line-height: 30px;
	}
	.benefits-section__action {
		margin-top: 30px;
	}
	.benefits-section__action .link-button {
		min-width: 0;
		white-space: normal;
		text-align: left;
	}
	.benefits-section .photo-grid {
		margin-top: 30px;
	}
	.benefits .entry-banner {
		margin-top: 70px;
	}
	
}
