html { background: #FFF; margin: 0; padding: 0; }

body {
	margin: 0; padding: 0;
	font-family: 'Roboto Condensed', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
	font-size: 15px; line-height: 1em; color: #000; background: #FFF;
}

div, span, ul, li, img { box-sizing: border-box; }

/*-- Image --*/
img { border: none; margin:0; padding: 0; width: auto; max-width: 100%; height: auto; }

/*--- Headline ---*/
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: bold; }

h1, h2, h3, p, ol, ul, pre, blockquote { margin: 0 0 20px 0; padding: 0; line-height: 1.2; }

h1 { font-size: 2.0rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.0rem; }
h6 { font-size: 1.0rem; }

h1.welcome-header { text-align: center; font-size: 28px; }

/*--- List ---*/
ul { margin: 0 0 25px 18px; padding: 0; list-style: disc; }
ol { margin: 0 0 25px 20px; padding: 0; list-style: decimal; }

/*--- Link ---*/
a { text-decoration: none; color: #F34; font-style: normal; }
a:hover { text-decoration: underline; color: #FF3333; font-style: normal; }

/*--- Text ---*/
.tx_c { text-align: center; }
.tx_l { text-align: left; }
.tx_r { text-align: right; }

/*--- Table ---*/
table { border-collapse: collapse; border-spacing: 0; }

/*--- Layout ---*/
#container { margin: 15px 10px; }
#main { width: 100%; max-width: 960px; margin: 0 auto; }

#brand-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	margin: 30px 0 0;
}

.brand-items { width: 27.3%; margin: 0 3%; text-align: center; }
.brand-items .logo-main { margin: 0 0 1em; }
.brand-items .brand-main-desc { margin: 0 0 1em; font-size: 14px; text-align: center; }
.brand-items a { color: #000; }

#maruh .logo-main img { max-width: 100px; height: auto; }
#hattori .logo-main img { width: 100%; max-width: 220px; height: auto; }
#wilier .logo-main img { width: 100%; max-width: 220px; height: auto; }

.brand-sub-items { padding-top: 1em; }
.brand-sub-items .item { margin: 1.5em auto; width: 70%; max-width: 180px; height: auto; }


footer { margin: 1.5em 0 2em; border-top: 1px solid #000; }
footer .copyright { padding: 15px; font-size: 13px; text-align: center; }