/* CSS Document */

#pagePath{
	display: none;
	}

#notFound{
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-gap: clamp(32px, 7.2vw, 48px);
	width: var(--wrap);
	margin: clamp(32px, 7.2vw, 48px) auto clamp(64px, 14.4vw, 96px) auto;
	& h2{
		display: grid;
		justify-items: center;
		grid-gap: 16px;
		font-weight: 700;
		font-size: clamp(20px, 3.6vw, 24px);
		text-align: center;
		@media (min-width: 1200px) {
			font-size: 32px;
			}
		&:before{
			content: "";
			display: block;
			width: min(50vw, 320px);
			aspect-ratio: 1.02 / 1;
			background: var(--color-theme);
			-webkit-mask: url('/common/images/logoType.svg') left center no-repeat;
			-webkit-mask-size: auto 100%;
			}
		&+div{
			@media (min-width: 576px) {
				text-align: center;
				}
			}
		}
	}

.caution{
	padding: clamp(12px, 2.4vw, 16px);
	background: #f2f2f2;
	border: 1px solid #ccc;
	& p{
		font-size: clamp(12px, 2.4vw, 16px);
		}
	}