@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:200,300,400,500,600,700,900&display=swap');
:root{
	--fontFamily:  "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}
:root{
	-ms-text-spacing : trim-start allow-end trim-adjacent ideograph-alpha ideograph-numeric;
	    text-spacing : trim-start allow-end trim-adjacent ideograph-alpha ideograph-numeric;
}
*, *:before, *:after {
		box-sizing: border-box;
}

html {
		visibility: visible;
}

html, body {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
}

main, article, aside, details, figcaption, figure, footer, header, nav, section, picture {
		display: block;
}

ol, ul {
		list-style: none;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
		content: "";
		content: none;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		table-layout: fixed;
}

em {
		font-style: normal;
}

a {
		text-decoration: none;
		outline: none;
}

picture {
		line-height: 1;
}

picture img {
		line-height: 1;
		vertical-align: top;
}

img {
		width: auto;
		vertical-align: top;
		outline: none;
}

input, button {
		outline: 0;
		-webkit-appearance: none;
		border-radius: 0;
		border: 0;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
		padding-left: .5em;
		padding-right: .5em;
		font-size: 1em;
}

input[type="number"] {
		text-align: right;
		padding-right: 1em;
}

textarea {
		padding: .5em;
		font-size: 1em;
		outline: none;
}

input[type="submit"], input[type="reset"], button {
		padding: 0;
		-webkit-appearance: none;
}

input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		cursor: pointer;
}

select::-ms-expand {
		display: none;
}

input {
		-webkit-appearance: none;
		border-radius: 0;
		border-style: solid;
		outline: none;
}

textarea {
		resize: vertical;
		-webkit-appearance: none;
		border-radius: 0;
		border-style: solid;
}

input, select, textarea, button {
		font-family: 'Noto Sans JP', sans-serif;
		font-family: var(--fontFamily);
}

button {
		cursor: pointer;
		background: none;
}

body {
		font-family: 'Noto Sans JP', sans-serif;
		font-family: var(--fontFamily);
		font-weight: 400;
		position: relative;
		font-size: 100%;
		font-size-adjust: 100%;
		line-height: 1;
		display: block;
		overflow-scrolling: touch;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		scroll-behavior: smooth;
		text-rendering: optimizeLegibility;
		color: #000;
		color: var(--body);
		font-feature-settings: "palt" 1;
}

a {
		color: #000;
		color: var(--body);
}

@media print {
		body {
				width: 100%;
				overflow-x: hidden;
		}
		@page {
				margin-top: .4cm;
				margin: .5cm;
		}
		.no-print {
				display: none;
		}
}