@charset "UTF-8";

@import url('https://kit.fontawesome.com/5cd7db1ee3.css');

:Root {
	--color-red: #e65555;
	--color-navy:#52658c;
	--color-navy-rgb:82,101,140;

	--color-blue-light:#0068b3;
	--color-blue-light-rgb:0,104,179;
	--color-blue-dark:#232584;
	--colorblue-dark-rgb:35,37,132;


	--font-gothic:"kozuka-gothic-pr6n", sans-serif;
	--font-serif:"kozuka-mincho-pr6n", serif;
	--font-maru:"kosugi-maru", serif;
	--font-futura:"futura-pt", sans-serif;
}

html {
	scroll-behavior: smooth;
}

*, *::before, *::after {
	margin:0; padding:0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration:none;
}
a:link {
	text-decoration: none;
}
ul, ol {list-style: none;}

body {
	font-family: var(--font-serif);
	font-weight: 400;
	font-style: normal;
	letter-spacing:.05em;
	font-size:100%;
	line-height:1.5;
	font-feature-settings: "palt" 1;
	font-kerning: normal;
	min-height:100svh;
	position:relative;
	color:#eee;
	text-align:justify;
}


section {
	position:relative;
	/* opacity:0; */
	transition: opacity 1s;
	width:100%;
	margin:0 auto;
	padding:4em 0;
	border-radius:0;
	/* overflow: hidden; */
	color:rgba(255,255,255,.9);
}
section.in-view {
	/* opacity:1; */
}
section > div {
	width:80%;
	margin:0 auto;
}
section:not(:last-of-type) {
}


h2 {
	text-align:center;
	font-size:200%;
	margin-bottom:2em;
	line-height:1;
	padding-bottom:.5em;
	border-bottom:1px solid #fff;
}

@media screen and (max-width:720px) {
	section {
		padding:3em 0;
	}
	section:not(:last-of-type) {
		/* margin-bottom:2em; */
	}
	section > div {
		width:80%;
	}
	h2 {
		font-size:7vw;
	}
}