@charset "UTF-8";
/*----------------------------------------
  common
-----------------------------------------*/
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}
html {
  overflow: scroll-y;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font: normal 14px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
}

ul, ol {
  margin: 0;
  padding: 0;
}
ul li, ol li {
  list-style: none;
}

div {
  border: none;
}

* html table {
  font-size: 100%;
  line-height: 1.4;
}

form, dl, dt, dd, ul {
  margin: 0;
  padding: 0;
}

input, select, textarea {
  color: #444;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
}

ul li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, strong, span {
  font-size: 100%;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

.bold {
  font-weight: bold;
}

@media print {
  html, body {
    _zoom: 0.73;
    overflow: visible !important;
  }
}
a {
  text-decoration: none;
  color: #333;
}

a img {
  border-width: 0px;
}

a img {
  outline: none;
}

a:focus {
  outline: none;
}

body {
  -webkit-text-size-adjust: 100%;
}

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

/*スマートフォンサイトではタップしやすいようにaタグはあらかじめブロックレベルとしておくとよい*/
a {
  display: block;
}

/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
a {
  -webkit-tap-highlight-color: transparent;
}

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

th, td {
  vertical-align: top;
  border: solid 1px #000;
  font-weight: normal;
  text-align: left;
}

caption {
  text-align: left;
}