@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: #ffffff;
	color: #1e1e1e;
	font-family: '-apple-system','BlinkMacSystemFont','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN','HiraKakuProN-W3',"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic",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;
	text-decoration: none;
}

a:visited { color: #5E2A81; }
a:hover, a:active { color: #078AEF; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

.smp { display: block; }
.pc { display: none; }

@media screen and (min-width: 540px) {/*タブレット小*/
  .pc { display:block; }
  .smp { display: none; }
}

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

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

    global menu

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

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

    main

*****************************************************************/
main {}

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

    footer

*****************************************************************/
footer {
  padding: 5.5% 0;
  background: #0b0b0b;
  color: #fff;
  text-align: center;
}
.hbc-back {
  display: block;
  width: 130px;
  margin: 0 auto 5.75%;
  padding: 10px;
  background: #fff;
}

.hbc-back img { width: 100%; }
address { font-size: 1.1rem; }

@media screen and (min-width: 540px) {
  footer { padding: 4.5% 0; }
  .hbc-back { margin: 1% auto 4%; }
}

@media screen and (min-width: 768px) {
  .hbc-back { display: none; }
  address { font-size: 1.2rem; }
}

@media screen and (min-width: 960px) {
  footer { padding: 40px 0;}
}