@charset "utf-8";
/* RESET
----------------------------------------------------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}

a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
figure,fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
font-family: 'Noto Sans JP';
font-size: 100%;
color: #333;
text-decoration: none;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
white-space: normal;
text-align: left;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
box-sizing: border-box;
}


article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
display: block;
}

ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

img{
  vertical-align: bottom;
  width: 100%;
}

a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}