@charset "utf-8";

/* ------------------------------------------------------------ */
/* フロントページ */
.frontpage { background: white; }
.frontpage__back_color { background-color: var(--c-bg); } /* 背景色 */
.frontpage__section_margin { padding-block: 65px; } /* セクションのマージン */

/* 見出し */
.frontpage__h2 { position: relative; width: 100%; text-align: center; font-size: 2rem; color: var(--c-main); margin-bottom: 1em; padding-bottom: 0.5em; }
.frontpage__h2::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 560px; height: 1px; background: var(--c-main); transform: translateX(-50%); }

/* ヒーロー */
.frontpage__hero img { display: block; width: clamp(530px, 80vw, 1000px); }
.frontpage__hero_notice { font-size: 1.0rem; position: absolute; bottom: 15px; left: 20px; }

/* ごあいさつ */
.frontpage__greeting__h2 { text-align: center; font-size: 2.4rem; padding-bottom: 20px; }
.frontpage__greeting p { line-height: 1.8; letter-spacing: 0.05em; }

/* 見出す */
.frontpage__value img { width: clamp(294px, 50vw, 560px); padding-top: 30px; }

/* 伝える */
.frontpage__convey img { width: clamp(620px, 70vw, 1000px); padding-top: 30px; }

/* 響かせる */
.frontpage__resonate img { width: clamp(346px, 50vw, 500px); padding-top: 50px; }

@media only screen and (max-width: 750px) {
	.frontpage__section_margin { padding-block: 7vw; }
	.frontpage__h2 {font-size: 3.8vw; }
	.frontpage__h2::after { width: 30vw; }
	.frontpage__greeting__h2 { font-size: 4.4vw; padding-bottom: 6vw; }
	.frontpage__hero img { width: 100vw; }
	.frontpage__value img { width: 100vw; padding-top: 2vw; }
	.frontpage__convey img { width: 100vw; padding-top: 1vw; }
	.frontpage__resonate img { width: 100vw; padding-top: 4vw; }
	.frontpage__hero_notice { font-size: 1.7vw; position: absolute; bottom: 1.5vw; left: 2vw; }
}