@charset "UTF-8";

/* reset.css
	[reset]
		0, Font
		1, HTML5 reset
*/

/* font
--------------------------------------------------------*/
@font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"),
       url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"),
       url("../fonts/NotoSansCJKjp-Regular.ttf")  format("truetype"),
       url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2"),
       url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"),
       url("../fonts/NotoSansCJKjp-Medium.ttf")  format("truetype"),
       url("../fonts/NotoSansCJKjp-Medium.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto-Regular.ttf")  format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Medium.ttf")  format("truetype");
}


/* HTML5 reset
--------------------------------------------------------*/
* {
  box-sizing: border-box;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
    box-sizing: border-box;
}
body {
	background-color: white;
  color: #464646;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
	line-height: 1.6;
	font-style: normal;
	font-variant: normal;
  font-size: 62.5%;
}

/*
Font-size list (base: 12px)
83%  = 10px
91%  = 11px        175% = 21px        258% = 31px
100% = 12px        183% = 22px        266% = 32px
108% = 13px        191% = 23px        275% = 33px
116% = 14px        200% = 24px        283% = 34px
125% = 15px        208% = 25px        291% = 35px
133% = 16px        216% = 26px        300% = 36px
141% = 17px        225% = 27px        308% = 37px
150% = 18px        233% = 28px        316% = 38px
158% = 19px        241% = 29px        325% = 39px
166% = 20px        250% = 30px        333% = 40px
*/
img, object, embed {
	vertical-align: bottom;
}
li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
}
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;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: inherit;
	font-size: 100%;
}
hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
}
input, select, label, textarea {
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
li a {
	line-height: normal;
}
img {
  max-width: 100%;
  height: auto;
}

div{
    box-sizing: border-box;
}