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: 100%/1.5 Meiryo, Arial, Calibri, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', sans-serif;
	font-size: 16px;	/* 100% = 16px */
    vertical-align:baseline;
	background: transparent;
    text-align: left;
	}

body {
	background: #f4ede5;
	color: #000;
}

p { margin-bottom: 1em; }
a { color: #f35050; }

a:focus,
button:focus {
  outline: none;
  box-shadow: none; }

img { max-width: 100%;height: auto; }

h1, h2, h3 {
  font-weight: 700; }

h1 {
	margin-bottom: 1em;
	padding: 1em 0;
	text-align: center;
	font-size: 3em;
	color: #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	}

h2 {
	margin-bottom: 1em;
	padding: 0.5em;
	font-size: 1.5em;
	color: #333;
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
	}

h3 {
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 0.5em;
	font-size: 1.25em;
	color: #333;
	border-left: 5px solid #333;
	}
	

.bg-white {
	background-color: #fff; }

.bg-grey {
	padding: 1em 1em 0 1em;
	background-color: #f7f8f9; }

.line-dot { border-bottom: 1px dotted #333; }

.page-wrap {
	margin: 3em 5em;
	padding: 3em 5em;
	background-color: #fff;
}

.word-pad {
	padding: 1em;
	}

.pc2d {
	float: left;
	width: 50%;
	}


.clr { clear: both; }
.f80 { font-size: 0.8em; }
.f125 { font-size: 1.25em; }
.mb0 { margin-bottom: 0;}
.center { text-align: center; }


@media screen and (max-width: 639px) {
.page-wrap {margin: 0;padding: 1em;}
.pc2d {float: none;width: 100%;}



 }