@charset "UTF-8";
/* ========================================================= DEFAULT STYLE ========================================================= */
* {
  margin: 0;
  padding: 0;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
}

img {
  border: none;
  text-decoration: none;
  vertical-align: top;
  font-size: 0;
}

ul {
  list-style-type: none;
}

a, small {
  display: block;
  text-decoration: none;
}

header, footer, nav, section, aside, article, figcaption, figure, main {
  display: block;
}

/* 改行位置調整 */
.pc {
  display: block;
}
@media screen and (max-width: 820px) {
  .pc {
    display: none;
  }
}

.pc_inline {
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .pc_inline {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 820px) {
  .sp {
    display: block;
  }
}

.sp_inline {
  display: none;
}
@media screen and (max-width: 820px) {
  .sp_inline {
    display: inline-block;
  }
}

/* デバイス対応 */
.tab {
  display: none;
}
@media screen and (max-width: 820px) {
  .tab {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .tab {
    display: none;
  }
}

.tabsp_inline {
  display: none;
}
@media screen and (max-width: 820px) {
  .tabsp_inline {
    display: inline-block;
  }
}