@font-face {
	font-family: "Noto Sans JP";
	src: local("Noto Sans JP"),
	url(../fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf) format("truetype"),;
}

@font-face {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/icomoon.eot?1bhn1c");
	src: url("../fonts/icomoon.eot?1bhn1c#iefix") format("embedded-opentype"),
	url("../fonts/icomoon.ttf?1bhn1c") format("truetype"),
	url("../fonts/icomoon.woff?1bhn1c") format("woff"),
	url("../fonts/icomoon.svg?1bhn1c#icomoon") format("svg");

	font-display: block;
}

[class^="icon-"] , [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-variant: normal;
	-moz-osx-font-smoothing: grayscale;

/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	text-transform: none;

	speak: never;
}

.icon-window .path1:before {
	color: rgb(255, 255, 255);
	content: "\e900";
}
.icon-window .path2:before {
	margin-left: -1em;
	color: rgb(255, 255, 255);
	content: "\e901";
}
.icon-window .path3:before {
	margin-left: -1em;
	color: rgb(0, 0, 0);
	content: "\e902";
}
.icon-window .path4:before {
	margin-left: -1em;
	color: rgb(0, 0, 0);
	content: "\e903";
}
.icon-window .path5:before {
	margin-left: -1em;
	color: rgb(0, 0, 0);
	content: "\e904";
}
.icon-window .path6:before {
	margin-left: -1em;
	color: rgb(255, 255, 255);
	content: "\e905";
}
.icon-window .path7:before {
	margin-left: -1em;
	color: rgb(0, 0, 0);
	content: "\e906";
}
.icon-window .path8:before {
	margin-left: -1em;
	color: rgb(255, 255, 255);
	content: "\e907";
}
.icon-window .path9:before {
	margin-left: -1em;
	color: rgb(0, 0, 0);
	content: "\e908";
}
.icon-window .path10:before {
	margin-left: -1em;
	color: rgb(255, 255, 255);
	content: "\e909";
}
.icon-window .path11:before {
	margin-left: -1em;
	color: rgb(0, 0, 0);
	content: "\e90a";
}