@charset "UTF-8";

:root {
  /* コンテナ要素幅 */
  --responsive-sys-container-width: 1440px;
  --responsive-sys-content-header-width: 23%;

  /* ボタン幅 */
  --responsive-sys-button-width: 160px;
  --responsive-sys-snssync-button-width: 280px;

  /* 枠色 */
  --responsive-sys-border-color-gray-primary: #1A1A1A;
  --responsive-sys-border-color-gray-tertiary: #707070;
  --responsive-sys-border-color-gray-secondary: #dcdcdc;
  --responsive-sys-border-color-gray-red: #D10015;

  /* 背景色 */
  --responsive-sys-content-header-background-color: #f8f8f8;
  --responsive-gray-background-color: #F4F4F4;
  
  /* transition */
  --responsive-transition: .3s all;

  /* リンク */
  --responsive-blue-link: #007BFF;
}

/* ----全体設定---- */
body {
  font-family: "Roboto" , "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: black;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
body.is-fixed {
    overflow: hidden;
    left: 0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
* {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

/* ----ヘッドライン---- */
h1,.h1 {
  padding: 0;
  font-size: 22px;
  border: 0;
  background: none;
  font-weight: normal;
}
h2,.h2 {
  padding: 0;
  font-size: 20px;
  background: none;
  font-weight: normal;
}
h3,.h3 {
  padding: 0;
  font-size: 18px;
  background: none;
  font-weight: normal;
}
h4,.h4 {
  padding: 0;
  font-size: 16px;
  border-bottom: 0;
  background: none;
  font-weight: normal;
}
h5,.h5 {
  font-size: 14px;
  background: none;
  font-weight: normal;
}
h6,.h6 {
  font-size: 14px;
  background: none;
  font-weight: normal;
}

/* ----リンク---- */
a {
  text-decoration: none;
  color: #444;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* ----タグ---- */
img {
  max-width: 100%;
  vertical-align: bottom;
}
hr {
  border: 0;
  border-bottom: 1px dotted #ccc;
}
address {
  font-style: normal;
}