@font-face {
	font-family: "ZenKakuGothicNew";
	src: url("../fonts/ZenKakuGothicNew-Light.ttf") format('truetype');
	font-weight: 100;
}
@font-face {
	font-family: "ZenKakuGothicNew";
	src: url("../fonts/ZenKakuGothicNew-Regular.ttf") format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: "ZenKakuGothicNew";
	src: url("../fonts/ZenKakuGothicNew-Medium.ttf") format('truetype');
	font-weight: 500;
}
@font-face {
	font-family: "ZenKakuGothicNew";
	src: url("../fonts/ZenKakuGothicNew-Bold.ttf") format('truetype');
	font-weight: 700;
}
@font-face {
  font-family: "ZenKakuGothicNew";
  src: url("../fonts/ZenKakuGothicNew-Black.ttf") format('truetype');
	font-weight: 900;
}
@font-face {
	font-family: "ZenKakuGothicNewBold";
	src: url("../fonts/ZenKakuGothicNew-Bold.ttf") format('truetype');
	font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
/*font-family: 'Noto Sans JP', sans-serif;*/

html, body, 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, center,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, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
	box-sizing: border-box;
}
*::before, *::after {
	box-sizing: border-box;
}
html {
	font-family: 'ZenKakuGothicNewBold','ZenKakuGothicNew','Noto Sans CJK JP','Noto Sans JP',"Meiryo","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Verdana,Helvetica,sans-serif;
	line-height: 1.4;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	letter-spacing: 0.05em;
}
body {
	margin: 0;
	font-size: 1.6rem;
	position: relative;
	@media screen and (max-width: 768px) {
		font-size: 1.5rem;
	}
}
article, aside, footer, header, nav, section {
	display: block;
}
figcaption, figure, main {
	display: block;
	margin: 0;
}
ul,li{
	list-style: none;
}
iframe {display: block;}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	color: #000;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:active, a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: inherit;
}
b, strong {
	font-weight: bold;
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #000;
}
focus{
	outline: none;
}
small {
	font-size: 12px;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
audio, video {
	display: block;
	max-width: 100%;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	max-width:100%;
	line-height:0;
	vertical-align:bottom;
	height:auto;
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
button, input, optgroup, select, textarea {
	font-family: 'Noto Sans CJK JP','Noto Sans JP',"Meiryo","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Verdana,Helvetica,sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	outline: none;
	box-sizing: border-box;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
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-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details, menu {
	display: block;
}
summary {
	display: list-item;
}
canvas {
	display: inline-block;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
table{
	width:100%;
	border-collapse: collapse;
	border-spacing:0;
}
