/* Mirai theme: responsive overrides live in assets/css/style.css from static export. */

/* 管理バー表示時: fixed ヘッダー・ミント帯・3D の top を admin バー分ずらす */
.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

.admin-bar .services-mint-layer,
.admin-bar .services-3d-fixed {
	top: calc(32px + var(--site-header-h));
}

@media screen and (max-width: 782px) {
	.admin-bar .services-mint-layer,
	.admin-bar .services-3d-fixed {
		top: calc(46px + var(--site-header-h));
	}
}

/* トップ FV: 固定ヘッダー下に通常配置（style.css の body padding-top・100vh 差し引きに任せる）。管理バー時のみ sticky の top をヘッダー位置に合わせる。 */
body.admin-bar .hero-scene.hero-scene--top-fv .hero.hero--sequence {
	top: calc(32px + var(--site-header-h));
}

@media screen and (max-width: 782px) {
	body.admin-bar .hero-scene.hero-scene--top-fv .hero.hero--sequence {
		top: calc(46px + var(--site-header-h));
	}
}

/*
 * 768px 未満: 見出し・CTA などの強制 <br> を無効化。
 * タブレット以上では HTML の改行どおり。スマホはラッパー幅で自然折り返し（1字ぶら下がり防止）。
 */
@media (max-width: 767px) {
	.about__headline br,
	.support__section-title br,
	.skill__section-title br,
	#page-heading-skill br,
	.cta__title br,
	.cta__lead br,
	.about__text br {
		display: none;
	}
}