@charset "utf-8";

@charset "utf-8";

/* ============================================================== reset */
html, body                 {width:100%;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body                       {-webkit-text-size-adjust:100%;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td, p,
fieldset, form, label, legend, input,
article, aside, canvas, figure, figcaption,
footer, header, nav, section,
b, u, i                    {margin:0;padding:0;list-style:none;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
main                       {display: block;}
a                          {outline:none;}
img                        {border:0 none;vertical-align:top;max-width:100%;height:auto;}
em                         {font-style:normal;font-weight:bold;}
nav ul, nav li             {list-style:none;}
.h a, .f a,
nav a, nav span            {text-decoration:none;}
table                      {border-collapse:collapse;}
p, li                      {line-height: 1.8;}

/* ============================================================== common */
:root {
  --color-black: #111;
  --color-white: #fdfdfd;
  --color-01: #0d1a2d;
  --color-02: #02c5f7;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(16px, 3vw, 24px);
	color: var(--color-01);
	display: grid;
	grid-template-rows: 1fr auto;
	text-align: center;
	height: 100vh;
	height: 100dvh;
	background-repeat: no-repeat;
	background-position: 40% 50%;
	background-size: cover;
	background-image: url("../images/kv_01_sp.jpg");
}
main {
	display: grid;
	align-items: center;
	align-content: center;
}
h1 {
	font-family: 'Cormorant Infant', serif;
	font-family: 'Roboto Mono', sans-serif;
	font-weight: 300;
	font-size: 100%;
	letter-spacing: 0.5em;
	margin: 0 auto 2em;
	width: 8em;
	max-width: 320px
}
.kv {
	padding: 1em 25% 1em 5%;
}
.catch {
	font-weight: 300;
	letter-spacing: 0.1em;
}
.catch i {
	display: inline-block;
	margin: 0 0.3em;
}
footer {
	padding: 2em 0 1em;
	border-top: 0 none;
}
footer p {
	font-size: 80%;
	font-weight: 300;
	letter-spacing: 0.08em;
}