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 {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fdfdfd;
	color: #1d1c1d;
}

body > div {
	margin: auto;
	padding: 7% 0;
	width: 90%;
}

h1 {
	border-bottom: 1px solid gray;
	font-size: 130%;
	font-weight: bold;
}

article {
	margin: 2.7em 0 0 1.7em;
}
article > h2 {
	font-size: 100%;
	font-weight: bold;
}

article > div {
	word-break: break-all;
}

article > div > p {
	margin: .9em 0;
}

b {
	font-weight: bold;
}

a {
	margin: auto .2em;
}

footer {
	margin-top: 17%;
	text-align: center;
}
footer img {
	width: 17%;
	max-width: 100px;
}