/* CSS Document */
@charset "utf-8";
/*==================== ▼base ====================*/
/*フォントサイズ、カラーを指定*/
header, article, aside, section, footer, nav, menu, details, hgroup, summary {
  display: block;
}
/*フォントファミリーを指定*/
body {
  font-family: "ヒラギノ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MSP ゴシック", "MS P Gothic", san-serif;
  width: 100%;
}
/*ブロックレベル要素をリセット*/
body, html, div, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, table, th, td, form {
  margin: 0;
  padding: 0;
  font-size: 16px;
  list-style-type: none;
  text-decoration: none;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
}
/*画像のリンクボーダーの非表示*/
img {
  border: 0;
  width: 100%;
}
/*リンク時画像お色を薄く*/
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
/*ブラウザのスクロールバー表示*/
html {
  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
  overflow: scroll;
  scroll-behavior: smooth;
}
/*テーブルボーダー表示*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*アンダーラインを削除指定*/
a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}
/*フロート解除*/
.clear {
  clear: both;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}