@charset "utf-8";

/* initialize
--------------------------------------------------------------------*/
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*/ {margin: 0; padding: 0; background: transparent; border: 0; outline: 0;}
body, table, input, textarea, select, option {font-family: HiraKakuProN-W3;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
/*table{border-collapse:collapse;border-spacing:0}*/
ins {text-decoration: none;}
del {text-decoration: line-through;}
img{vertical-align: top; max-width: 100%; height: auto;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

html, body {background:#fff;color:#333;font-size:16px;line-height:1.6;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
input{font-size: 16px;}textarea{font-size: 16px;}

@media screen and (max-width: 768px) {
  html, body {font-size:12px;-webkit-text-size-adjust: 100%;}
}

/* fonts
--------------------------------------------------------------------*/

/* link
--------------------------------------------------------------------*/
a{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:underline;}
@media screen and (max-width: 768px) {
  a:hover{color:#333; text-decoration:none;}
}
/* clearfix
--------------------------------------------------------------------*/
ul:after,ol:after,dl:after,
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}