@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	src: local("YuGothic-Medium"),  local("Yu Gothic Medium"),  local("YuGothic-Regular");
}
@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	src: local("YoGothic-Bold"),  local("Yu Gothic");
}
html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body {
	font-size: 1.6rem;/* 16px */
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
 font-feature-settings: "pkna";
}
}
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img, abbr, acronym, fieldset {
	border: 0;
}
.header {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0 0;
}
h1 {
	margin: 0;
	padding: 0 10px 10px;
}
.main {
	clear: both;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	
}

.main img{
	max-width:100%;
	height:auto;

	
	
}