@charset "UTF-8";
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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

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

body { font-size: 1rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

a:link, a:visited { text-decoration: none; outline: none; color: #595757; }
a:visited { border: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
a:hover img { -webkit-filter: brightness(1.2); -moz-filter: brightness(1.2); -ms-filter: brightness(1.2); -o-filter: brightness(1.2); filter: brightness(1.2); }

img { vertical-align: bottom; }

.float-left { float: left; }

.float-right { float: right; }

header, footer, section, article, aside, nav, div, ul, ol, li, dl, dt, dd, .clearfix { *zoom: 1; }
header:after, footer:after, section:after, article:after, aside:after, nav:after, div:after, ul:after, ol:after, li:after, dl:after, dt:after, dd:after, .clearfix:after { content: ""; display: table; clear: both; }

.clear { clear: both; }