/* ----------------------------------------------------------
	TOPページ　モバイル用 (max-width: 768px)
---------------------------------------------------------- */
@media (max-width: 768px) {

	.btn-outline {
		padding: 12px 10px;
		font-size: 14px;
	}

/* =========================
	ヒーローセクション
========================= */
	.hero {
		height: 70vh; /* スマホ画面に合わせた高さ */
		padding: 60px 20px 40px 20px;
		align-items: center;
		justify-content: center;
	}

	.hero-content {
		text-align: center;
		flex-direction: column;
	}

	.hero-text {
		text-align: left;
		max-width: 228px;
		margin: 0 auto;
	}

	.hero-catch {
		font-size: 3.5rem;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.hero-catch .small-text {
		font-size: var(--fs-xl);
	}
	.hero p {
		font-size: var(--fs-sub);
	}


/* =========================
	採用バナー
========================= */

	.recruit-banner {
		position: relative;
		overflow: hidden;
	}
	.recruit-inner {
		flex-direction: column;
		padding: 40px 20px;
		gap: 20px;
		text-align: center;
	}
	.recruit-main h2 {
		font-size: var(--fs-xl);
	}
	.recruit-sub {
		text-align: center;
	}
	.recruit-bg-text {
		font-size: 60px;
	}

/* =========================
	事業紹介
========================= */


/* =========================
	協業・実績
========================= */

	.works-layout {
		flex-direction: column;
	}

	.works-grid {
		width: 100%;
		grid-template-columns: 1fr; /* 1列 */
		gap: 20px;
	}

	.works-grid .collab-card:nth-child(even) {
		margin-top: 0;
	}

/* =========================
	問い合わせセクション
========================= */

	.inquiry-grid .container {
		flex-direction: column;
		gap: 60px;
	}

	.btn-inquiry-orange {
		width: 100%;
	}
	.inquiry-col .btn-outline {
		display: flex;
		justify-content: center;
		margin-left: 0;
		margin-right: 0;
	}
	.mobile-sep {
		display: flex;
		color: var(--border-light);
	}
/* =========================
	ニュースセクション
========================= */

	.news-list li {
		flex-direction: column;
		align-items: flex-start;
		padding: 15px 0;
	}

	.news-meta {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px;
		font-size: var(--fs-sm);
	}

	.news-tag {
		margin-left: 10px;
		padding: 2px 8px;
	}

	.news-title {
		width: 100%;
		line-height: 1.5;
		font-weight: 600;
	}

	.news-arrow {
		display: none;
	}

	.news-footer-links {
		flex-direction: column;
		align-items: flex-end;
		gap: 15px;
	}

	.news-link {
		font-size: var(--fs-sm);
		padding: 5px 0;
	}

	.news-link span {
		font-size: var(--fs-sub);
	}

}
/* ----------------------------------------------------------
	TOPページ　モバイル用 (max-width: 600px)
---------------------------------------------------------- */
@media (max-width: 600px) {
	.works-grid {
		grid-template-columns: 1fr;
	}
}
/* ----------------------------------------------------------
	TOPページ　モバイル用 (max-width: 992px)
---------------------------------------------------------- */
@media (max-width: 992px) {
	.works-layout {
		flex-direction: column;
	}
	.works-gallery, .works-grid {
		width: 100%;
	}
	.works-grid .collab-card:nth-child(even) {
		margin-top: 0;
	}
	.works-grid {
		gap: 20px;
	}
}