@charset "UTF-8";

/*****************************************************************

    reset

*****************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/* addition */
strong, em { font-weight:bold; }
input, textarea { border:0; padding:0; margin:0; outline:0; }
select { margin:0; padding:0; }
img { display:block; max-width:100%; height:auto; }
main { display:block; }


/*****************************************************************

    base

*****************************************************************/
html {
	box-sizing: border-box;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
*, *::before, *::after { box-sizing: inherit; }
body {
	margin: 0;
	background: #fff url(../image/bg.png);
  background-size: 8px 8px;
	color: #181818;
	font-family: '-apple-system','BlinkMacSystemFont','游ゴシック体','YuGothic','游ゴシック Medium','Yu Gothic Medium',sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
}
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0,0,0,0);
  word-break: break-all;
  color: #0045A4;
}
a:visited { color: #5E2A81; }
a:hover, a:active { color: #078AEF; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

@media screen and (min-width: 768px) {
  body { line-height: 2.0; }
}


/*****************************************************************

    global menu

*****************************************************************/
@media screen and (max-width: 767px) {
  nav.gm { display: none; }
}


/*****************************************************************

    footer

*****************************************************************/
footer {
	padding: 15px 0;
	background: #fff;
	color: #181818;
	text-align: center;
}
.hbc-back {
  display: none;
  width: 130px;
  margin: 1% auto 2%;
  padding: 10px;
  border: 1px solid #181818;
  background: #fff;
}
.hbc-back img { width: 100%; }
address {
  padding: 10px 0;
  font-size: 1.2rem;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  footer { font-size: 1.1rem; }
  address { padding: 10px 0 0; }
  .hbc-back { display: block; }
}