<?php
declare(strict_types=1);
get_header(); ?>
<main id="wte-main" class="wte-main" role="main">
	<div class="wte-404">
		<div class="wte-container wte-text-center">
			<h1 class="wte-404__heading">404</h1>
			<p class="wte-404__message"><?php esc_html_e( 'お探しのページは見つかりませんでした。', 'wte_' ); ?></p>
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="wte-btn wte-btn--primary"><?php esc_html_e( 'ホームに戻る', 'wte_' ); ?></a>
		</div>
	</div>
</main>
<style>
.wte-404 { padding: calc(var(--wte-header-height) + var(--wte-space-4xl)) 0 var(--wte-space-4xl); min-height: 60vh; display: flex; align-items: center; }
.wte-404__heading { font-size: clamp(4rem, 10vw, 8rem); color: var(--wte-gray-200); line-height: 1; margin-bottom: var(--wte-space-md); }
.wte-404__message { font-size: 1.125rem; color: var(--wte-gray-600); margin-bottom: var(--wte-space-2xl); }
</style>
<?php get_footer();
