@charset "UTF-8";

/* CSS Document */

/* -------------------------------------------------------------------------- **

**  FONT

** -------------------------------------------------------------------------- */
@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff') format('woff');
}

@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff') format('woff');
}

@font-face {
	font-family: 'NotoSansCJKsc';
	font-style: normal;
	font-weight: 400;
	src: url('../font/Noto_Sans_SC/NotoSansSC-Regular.otf') format('woff');
}

@font-face {
	font-family: 'NotoSansCJKsc';
	font-style: normal;
	font-weight: 700;
	src: url('../font/Noto_Sans_SC/NotoSansSC-Bold.otf') format('woff');
}

html{
	font-family: 'NotoSansCJKjp', sans-serif;
}

html:lang(cn),html:lang(hk){
	font-family: 'NotoSansCJKsc', sans-serif;
}
/* -------------------------------------------------------------------------- **

**  GLOBAL RESET

** -------------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-style: inherit;

	vertical-align: baseline;

}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

[hidden], command, datalist, menu[type=context], rp, source {

	display: none;

}



h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal;

}

ul, ol {

	list-style: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

table, th, td {

	vertical-align: middle;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: none;

}

abbr, acronym {

	border: 0;

	font-variant: normal;

}

sup {

	position: relative;

	bottom: 0.3em;

	vertical-align: baseline;

}

sub {

	position: relative;

	bottom: -0.2em;

	vertical-align: baseline;

}

input, textarea, select, button {

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit;

}

* html input, * html textarea, * html select, * html button {

	font-size: 100%;

}

legend {

	color: #000;

}



a{text-decoration:none}


@media screen and (min-width: 1025px) {
	.sp{
		display: none;
	}
	.pc{
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}

}

.fsd80p{font-size: 80%;}
/*global navigation

----------------------------------------------------------------*/