@charset "utf-8";

/* ==================================================
Reset
================================================== */
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, font, 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{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline; box-sizing: border-box;}
body{line-height:1;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ol, ul{list-style:none;}
blockquote{quotes:none;}
blockquote:before, blockquote:after{content:'';content:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:none;}
img{vertical-align:bottom;}

/* ==================================================
common
================================================== */

body { font-size: 16px; line-height: 1.6em; text-align: center; color: #333; background: #fff; }

a,a:link,
a:visited,
a:active,
a:hover {  }
/*a:hover {filter: alpha(style=0,opacity=80); opacity: 0.8; }*/
a:hover img { filter: alpha(style=0,opacity=80); opacity: 0.8; }

h1, h2, h3, h4, h5 { font-weight: normal; }
ul { list-style-type: none; }
dl,dt,dd { margin: 0; padding: 0; }
p { margin: 0 0 1.5em; padding: 0; line-height: 2em; }
p:last-of-type { margin: 0; }
img { border: 0; line-height: 0; /*max-width: 100%;*/ }
hr { display: none; }
table { margin: 0; padding: 0; }
th { text-align: left; font-weight: bold; margin: 0; vertical-align: top; }
td { margin: 0; vertical-align: top; }
em {font-weight: bold; font-style: normal; }
form { margin: 0; padding: 0; }
label { margin: 0; padding: 0;}
input.btn { margin: 0 0.5em; padding: 0 1em; }
address { font-style: normal; }

input[type="submit"], input[type="button"] { -webkit-appearance: none; }

/* ==================================================
font-setting
================================================== */

body, input, textarea {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}

/* ==================================================
clearfix
================================================== */
.clearfix:after { content: ""; display: block; clear: both; }

/* ==================================================
column-flex
================================================== */
.column-flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; }
.column-flex-sp { justify-content: space-between; }