@charset "UTF-8";
/* CSS Document */
body {  -webkit-text-size-adjust: 100%; background:#fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
html { overflow-y: scroll; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; color: #333; line-height: 160%; word-spacing: 0.2em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
table { border-collapse: collapse; border-spacing:0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
img{ vertical-align:bottom; width: auto; height: auto; max-width: 100%;}
section,main,figure,figcaption,nav, main { display:block; margin:0; padding:0; }
sub { vertical-align:baseline; }

/* CLEAR FIX */
.clear { clear:both; }
.clearFix { overflow:hidden; }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  

/* FLEX BOX */
.flexBox { display:flex; flex-wrap:wrap; justify-content:space-between; }
.flexBox.center { justify-content:center; }
.flexBox.noWrap { flex-wrap:no-wrap; }
.flexBox.noSpace { justify-content:flex-start; }
.flexBox > * { flex-grow:0; flex-shrink:1; }
.flexBox > * img { width: 100%; max-width: none;}