@charset "UTF-8";
/* =========================================
   Reset CSS
   ========================================= */
/* すべての要素で box-sizing を border-box に統一（幅計算を楽にする） */
*, *::before, *::after {
  box-sizing: border-box;
}

/* デフォルトの余白をリセット */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

/* bodyの基本設定 */
body {
  line-height: 1;
  color: #333; /* 基本文字色 */
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%; /* スマホでの勝手な文字サイズ変更を防ぐ */
}

/* リストの・を消す */
/* リンクの下線を消す・色を継承させる */
a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s; /* ホバー時のふわっとした動きを共通化 */
}

a:hover {
  opacity: 0.7; /* ホバー時に少し透明にする */
}

/* 画像をレスポンシブ対応＆下部の謎の隙間を消す */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; /* 重要: 画像下の隙間削除 */
}

/* フォーム部品のフォント継承 */
input, button, textarea, select {
  font-family: inherit;
}

/* テーブルの隙間をなくす */
table {
  border-collapse: collapse;
  border-spacing: 0;
}/*# sourceMappingURL=reset.css.map */