@charset "UTF-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
margin: 0;
padding: 0;
}

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

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

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

caption, th {
text-align: left;
}

q:before, q:after {
content: '';
}

object, embed {
vertical-align: top;
}

hr, legend {
display: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

img, abbr, acronym, fieldset {
border: 0;
}

img {
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}

ul li {
list-style-type: none;
}

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #333333;
font-size: 12px;
line-height: 160%;
text-align: left;
-webkit-text-size-adjust: none;
}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
outline: none;
}

a:link {
text-decoration: none;
color: #333333;
}

a:visited {
text-decoration: none;
color: #333333;
}

a:hover {
text-decoration: none;
color: #333333;
}

a:active {
text-decoration: none;
color: #333333;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}