@charset "UTF-8";

* {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
body {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #333;
}

/* リンク ---------------- */
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
}

/* フォント ---------------- */
.font-roboto{
  font-family: 'Roboto', sans-serif;
}

/* br 切り替え用 ---------------- */
.spNpcB{display:none;}
.spBpcN{display:block;}

.spNpcB1000{display:none;}
.spBpcN1000{display:block;}

/* レイアウト ---------------- */
#wrapper {
  position: relative;
  overflow: hidden;
}
.inner {
  max-width: 1200px;
  margin: 0 auto;
}


/*------------------------------------------------------
PC 768
------------------------------------------------------*/
@media screen and (min-width:768px) {

  /* br 切り替え用 750 ---------------- */
  .spNpcB{display:block;}
  .spBpcN{display:none;}

}


/*------------------------------------------------------
PC 768
------------------------------------------------------*/
@media screen and (min-width:1000px) {

  /* br 切り替え用 750 ---------------- */
  .spNpcB1000{display:block;}
  .spBpcN1000{display:none;}

}