@charset "utf-8";
/* css リセット　------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* 基本設定　---------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0px; padding: 0px; background-color: #e4e4e4; }
img { vertical-align: bottom; }
header img,.map img { max-width: 100%; height: auto; }
/* リンク設定　---------------------------------------------------------- */
a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

html, body {
	width: 100%;
	height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "tt-commons-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
}

#wrapper {
	color: #333333; 
	text-align: left;
}

#box {
	line-height: 240%;
}

#box img {
	margin-bottom: 15px;
}

#box .cr { 
	font-size: 30px; 
	margin-bottom: 100px;
}

#box .left { 
	font-size: 16px;
	line-height: 140%;
}

/* パソコンでは改行しない */
br.stbr {
	display: none;
}

/* スマホでは改行する */
@media screen and (max-width:768px) {
br.stbr {
	display: block;
}
}