/* =========================================
   ヘッダー & フッター（モバイル - 600px以下）
   ========================================= */

@media screen and (max-width: 600px) {

	.fixed-nav-content {
		padding: calc(96px * var(--scale-factor)) calc(64px * var(--scale-factor));
	}

	.fixed-nav.is-collapsed .fixed-nav-content {
		padding: calc(96px * var(--scale-factor)) calc(32px * var(--scale-factor));
	}

	.fixed-nav.is-collapsed .fixed-nav-bg {
		width: calc(370px * var(--scale-factor));
		height: calc(700px * var(--scale-factor));
	}

	.fixed-nav-bg {
		width: calc(1000px * var(--scale-factor));
		height: calc(1800px * var(--scale-factor));
	}

	.fixed-nav.is-collapsed .nav-toggle-btn {
		gap: calc(20px * var(--scale-factor));
		height: calc(120px * var(--scale-factor));
		margin-top: calc(16px * var(--scale-factor));
	}

	.nav-toggle-line {
		height: calc(16px * var(--scale-factor));
	}

	.nav-toggle-btn {
		width: calc(160px * var(--scale-factor));
		margin-top: calc(16px * var(--scale-factor));
	}

	.fixed-nav-logo {
		width: calc(600px * var(--scale-factor));
		height: calc(100px * var(--scale-factor));
	}

	.safearea-top {
		display: block;
		position: fixed;
		top: -195px;
		left: 0;
		width: 100vw;
		height: 200px;
		background-color: var(--color-background);
		z-index: 9999;
		pointer-events: none;
	}

	.site-main {
		margin-left: 0;
	}

	/* フッター */
	.site-footer {
		padding: calc(140px * var(--scale-factor)) 0;
	}

	.footer-content {
		grid-template-columns: 1fr;
		gap: 30px;
		padding-bottom: 24px;
	}

	.footer-logo {
		width: 100%;
		max-width: 300px;
		height: auto;
		margin-bottom: 24px;
	}

	.footer-contact-btn {
		font-size: var(--font-size-sm);
		width: calc(800px * var(--scale-factor));
	}

	.footer-contact-btn .arrow-icon {
		font-size: var(--font-size-xs);
	}

	.footer-links {
		flex-direction: column;
		gap: calc(150px * var(--scale-factor));
	}

	.footer-menu-title {
		font-size: var(--font-size-xs);
	}

	.footer-menu {
		gap: calc(16px * var(--scale-factor));
	}

	.footer-bottom {
		gap: 12px;
		padding: 24px 0;
	}

	.footer-privacy {
		font-size: var(--font-size-xs);
	}

	.footer-copyright {
		font-size: var(--font-size-xs);
	}

	.safearea-bottom {
		display: block;
		position: fixed;
		bottom: -195px;
		left: 0;
		width: 100vw;
		height: 200px;
		background-color: var(--color-background);
		z-index: 9999;
		pointer-events: none;
	}
}