@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap');
html {
	overflow-y: scroll;
  font-size: 62.5%;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, 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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
	font:100%;
}

img {
	border: 0;
	vertical-align:bottom;
}

nav ul { list-style:none;}
ul li { list-style: none;}

blockquote, q {	quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
body {
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	*font-size:small;
    *font:x-small;
	font-family: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	color: #666464;
	text-align:center;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	line-height: 2;
	font-weight: 400;
}

a {
	outline: none;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
  color: #666464;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
input, select {
	vertical-align:middle;
}


.text10 { font-size:77%;}
.text11 { font-size:85%;}
.text12 { font-size:93%;}
.text13 { font-size:100%;}
.text14 { font-size:108%;}
.text15 { font-size:116%;}
.text16 { font-size:123.1%;}
.s0-8r { font-size: 0.8rem; }
.s0-9r { font-size: 0.9rem; }
.s1-0r { font-size: 1.0rem; }
.s1-1r { font-size: 1.1rem; }
.s1-2r { font-size: 1.2rem; }
.s1-3r { font-size: 1.3rem; }
.s1-5r { font-size: 1.5rem; }
.s1-6r { font-size: 1.6rem; }
.s1-7r { font-size: 1.7rem; }
.s1-8r { font-size: 1.8rem; }
.s2-0r { font-size: 2.0rem; }
.s2-2r { font-size: 2.2rem; }
.s2-5r { font-size: 2.5rem; }
.s3-0r { font-size: 3.0rem; }
.s3-4r { font-size: 3.4rem; }
.s3-5r { font-size: 3.5rem; }
.s3-8r { font-size: 3.8rem; }
.s4-0r { font-size: 4.0rem; }
.s5-0r { font-size: 5.0rem; }


.w33p { width: 33%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w90p { width: 90%; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w470 { width: 470px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w570 { width: 570px; }
.w680 { width: 680px; }
.w1em { width: 1em; }
.w2em { width: 2em; }
.w3em { width: 3em; }
.w3hem { width: 3.5em; }
.w4em { width: 4em; }
.w4hem { width: 4.5em; }
.w5em { width: 5em; }
.w5hem { width: 5.5em; }
.w6em { width: 6em; }
.w6hem { width: 6.5em; }
.w7em { width: 7em; }
.w8em { width: 8em; }
.w9em { width: 9em; }
.w10em { width: 10em; }
.w11em { width: 11em; }
.w12em { width: 12em; }
.w13em { width: 13em; }
.w14em { width: 14em; }
.w15em { width: 15em; }
.w16em { width: 16em; }
.w17em { width: 17em; }
.w18em { width: 18em; }
.w19em { width: 19em; }
.w20em { width: 20em; }

.clearfix {
	zoom:1;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.mt3 	{margin-top:3px;}
.mt5 	{margin-top:5px;}
.mt8 	{margin-top:8px;}
.mt10 	{margin-top:10px;}
.mt12 	{margin-top:12px;}
.mt15 	{margin-top:15px;}
.mt20 	{margin-top:20px;}
.mt25 	{margin-top:25px;}
.mt30 	{margin-top:30px;}
.mt35 	{margin-top:35px;}
.mt40 	{margin-top:40px;}
.mt45 	{margin-top:45px;}
.mt50 	{margin-top:50px;}
.mt60 	{margin-top:60px;}
.mt70 	{margin-top:70px;}
.mt80 	{margin-top:80px;}
.mt90 	{margin-top:90px;}
.mt100 	{margin-top:100px;}
.mt110 	{margin-top:110px;}
.mt120 	{margin-top:120px;}



@media screen and (max-width:767px) {
.fitImg { max-width: 100%; }
.spW50p { width: 50%; }


.s0-8r { font-size: 0.6rem; }
.s1-0r { font-size: 1.0rem; }
.s1-1r { font-size: 1.1rem; }
.s1-2r { font-size: 1.1rem; }
.s1-3r { font-size: 1.1rem; }
.s1-4r { font-size: 1.2rem; }
.s1-5r { font-size: 1.2rem; }
.s1-6r { font-size: 1.2rem; }
.s1-7r { font-size: 1.3rem; }
.s1-8r { font-size: 1.3rem; }
.s1-9r { font-size: 1.3rem; }
.s2-0r { font-size: 1.4rem; }
.s2-1r { font-size: 1.4rem; }
.s2-2r { font-size: 1.4rem; }
.s2-3r { font-size: 1.5rem; }
.s2-4r { font-size: 1.5rem; }
.s2-5r { font-size: 1.5rem; }
.s2-6r { font-size: 1.6rem; }
.s2-8r { font-size: 1.6rem; }
.s2-9r { font-size: 1.6rem; }
.s3-0r { font-size: 1.7rem; }
.s3-4r { font-size: 1.7rem; }
.s3-5r { font-size: 1.7rem; }
.s3-8r { font-size: 1.8rem; }
.s4-0r { font-size: 3.0rem; }
.s5-0r { font-size: 3.5rem; }


}
