@charset "utf-8";

:root {
	--gp-navy: #1e6b9e;
	--gp-navy-deep: #154a6e;
	--gp-navy-mid: #2680b3;
	--gp-navy-hover: #348fc4;
	--gp-accent: #7dd3fc;
	--gp-bg: #fbfbfb;
	--gp-text: #333;
	--gp-muted: #999;
	--gp-utility-gray: #666;
	--gp-footer-dark: #333333;
	--gp-contact-bg: #cccccc;
	--gp-header-bar-h: 80px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--gp-navy);
	font-family: "Noto Serif JP", serif;
	color: var(--gp-text);
	font-size: 1rem;
	line-height: 1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}

body.appear { background: var(--gp-bg); }

ul { margin: 0; padding: 0; list-style: none; }

a { color: var(--gp-text); text-decoration: none; outline: none; }

img { max-width: 100%; height: auto; }

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.heading {
	font-family: "Alex Brush", cursive;
	font-size: 5vw;
	font-weight: normal;
	color: var(--gp-navy);
	animation-delay: 0.3s;
}

@media screen and (max-width: 960px) {
	.heading { font-size: 3.5rem; }
}

#container { overflow-x: hidden; opacity: 1; position: relative; z-index: 1; }