@charset "UTF-8";
/* ---font--- */
@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 900;
	font-display: swap;
	src: url('../font/Noto_Sans_JP/NotoSansJP-Black.woff2') format('woff2'),
	     url('../font/Noto_Sans_JP/NotoSansJP-Black.woff') format('woff'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Black.otf') format('opentype'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Black.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 700;
	font-display: swap;
	src: url('../font/Noto_Sans_JP/NotoSansJP-Bold.woff2') format('woff2'),
	     url('../font/Noto_Sans_JP/NotoSansJP-Bold.woff') format('woff'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Bold.otf') format('opentype'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Bold.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 500;
	font-display: swap;
	src: url('../font/Noto_Sans_JP/NotoSansJP-Medium.woff2') format('woff2'),
	     url('../font/Noto_Sans_JP/NotoSansJP-Medium.woff') format('woff'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Medium.otf') format('opentype'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Medium.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 400;
	font-display: swap;
	src: url('../font/Noto_Sans_JP/NotoSansJP-Regular.woff2') format('woff2'),
	     url('../font/Noto_Sans_JP/NotoSansJP-Regular.woff') format('woff'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Regular.otf') format('opentype'),
		 url('../font/Noto_Sans_JP/NotoSansJP-Regular.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-weight: 900;
	font-display: swap;
	src: url('../font/Noto_Serif_JP/NotoSerifJP-Black.woff2') format('woff2'),
	     url('../font/Noto_Serif_JP/NotoSerifJP-Black.woff') format('woff'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Black.otf') format('opentype'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Black.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-weight: 700;
	font-display: swap;
	src: url('../font/Noto_Serif_JP/NotoSerifJP-Bold.woff2') format('woff2'),
	     url('../font/Noto_Serif_JP/NotoSerifJP-Bold.woff') format('woff'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Bold.otf') format('opentype'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Bold.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-weight: 500;
	font-display: swap;
	src: url('../font/Noto_Serif_JP/NotoSerifJP-Medium.woff2') format('woff2'),
	     url('../font/Noto_Serif_JP/NotoSerifJP-Medium.woff') format('woff'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Medium.otf') format('opentype'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Medium.eot') format('embedded-opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-weight: 400;
	font-display: swap;
	src: url('../font/Noto_Serif_JP/NotoSerifJP-Regular.woff2') format('woff2'),
	     url('../font/Noto_Serif_JP/NotoSerifJP-Regular.woff') format('woff'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Regular.otf') format('opentype'),
		 url('../font/Noto_Serif_JP/NotoSerifJP-Regular.eot') format('embedded-opentype');
}
/* ---noemalize.css--- */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
progress {
	vertical-align: baseline
}
[hidden], template {
	display: none
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: 0;
	text-decoration: underline;
	text-decoration: underline dotted
}
b {
	font-weight: 500;
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code, kbd, pre, samp {
	font-family: monospace;
	font-size: 1em
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
button, input, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: 700
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type="button"] {
	-webkit-appearance: button
}
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}
[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
/* ---reset.css--- */
address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400
}
dd, dl, dt, li, ol, pre, ul {
	font-size: 100%
}
a, bdo, dd, dl, dt, img, li, map, ol, pre, q, span, sub, sup, ul {
	margin: 0;
	padding: 0;
	border: 0
}
br {
	letter-spacing: 0
}
b, big, br, i, small, tt {
	margin: 0;
	padding: 0;
	border: 0
}
code, samp, var {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%
}
abbr, acronym, cite, dfn, em, ins, kbd, strong {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: 500;
}
ins {
	text-decoration: none
}
del {
	font-style: normal
}
del, fieldset, form {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%
}
label, legend, optgroup, option, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%
}
body {
   	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	margin: -1px 0 0
}
.clearfix {
	font-size: 0;
	line-height: 0;
	clear: both;
	overflow: hidden;
	min-height: 1px
}
* html .clearfix {
	height: 1px
}
.clearfix_new:after, .clearfix_new:before {
	content: " ";
	display: table
}
.clearfix_new:after {
	clear: both
}
a {
   	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}
a:hover {
	text-decoration: underline
}
.clear {
	margin: 0;
	padding: 0;
	clear: both
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}