@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 16px;font-weight: normal; }
address,em { font-style: normal; }
table { border-collapse: collapse;border-spacing: 0; }
th { font-weight:normal;text-align: left; }
legend { display: none; }
img,fieldset { border: 0; }
ul, ol {
  margin: 0;
}
ul li, ol li {
  list-style: none;
}




/* HTML5
------------------------------------------------------------*/
article, aside, dialog, figure, footer, header,hgroup, nav, section { display: block;margin: 0;padding: 0; }

/* scrollbug for FF
------------------------------------------------------------*/
html { overflow-y: scroll;overflow-x: hidden; }

/* Fonts
------------------------------------------------------------*/
body, button, input, select, textarea {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.1em;
}

/* Form
------------------------------------------------------------*/
button,  select { outline: none;-webkit-appearance: none;appearance: none; }

/* Media
------------------------------------------------------------*/
object,embed { vertical-align: top; }
img { max-width: 100%;vertical-align: bottom;font-size: 0;line-height: 0;-webkit-backface-visibility: hidden; }

/* clearfix
------------------------------------------------------------*/
.cf::after { content: "";display: block;clear: both; }

/* float
------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }

/* link
------------------------------------------------------------*/
a{
	text-decoration: none;
	color: #000000;
}
a:hover{
	text-decoration: none;
	color: #14aa5a;
}
a > img { transition: opacity .3s ease-out; }
a > img:hover { opacity: .6; }