@charset "utf-8";


/* 基本フォント設定 */
/* ============================================ */
html {
  font-size: 62.5%;
}
body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  color: #333;
  letter-spacing: 0.05em;
  line-height: 1.5;
}


/* 基本リンク設定 */
/* ============================================ */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/* 基本幅設定 */
/* ============================================ */
.inner {
  width: 100%;
  padding: 0 5%;
}
.inner_L {
  width: 100%;
  padding: 0 5%;
}

/*TB*/
@media screen and (min-width: 640px) {
  .inner {
    width: 96%;
    margin: auto;
    padding: 0;
  }
  .inner_L {
    width: 96%;
    margin: auto;
    padding: 0;
  }
}

/*PC*/
@media screen and (min-width: 1024px) {
  .inner {
    width: 960px;
    margin: auto;
    padding: 0;
  }
  .inner_L {
    width: 1280px;
    margin: auto;
    padding: 0;
  }
}


/* PC・SP 非表示クラス */
/* ============================================ */

/*SP*/
@media screen and (max-width: 639px) {
  .disp_tb {
    display: none;
  }  
  .disp_pc {
    display: none;
  }
  .disp_sp {
    display: inline;
  }
}

/*TB*/
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .disp_sp {
    display: none;
  }
  .disp_pc {
    display: none;
  }
  .disp_tb {
    display: inline;
  } 
}

/*TB・PC*/
@media screen and (min-width:1024px) {
  .disp_sp {
    display: none;
  }
  .disp_tb {
    display: none;
  }  
  .disp_pc {
    display: inline;
  }  
}


/* 画像サイズ */
/* ============================================ */
  img {
    max-width: 100%;
	height: auto;
  }