/* 全体のリセット */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 基本のHTMLタグリセット */
html {
  line-height: 1.5;
  width: 100%;
}

/* リストのリセット */
ol, ul{list-style:none;}

/* テーブルのリセット */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a{
  text-decoration: none;
  color: inherit;
}

/* フォーム全般 */
input, textarea, select, button {
  appearance: none; /* ベンダープレフィックスを統一 */
  -webkit-appearance: none; /* iOS Safari特有の外観リセット */
  -moz-appearance: none; /* Firefox特有 */
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  font: inherit; /* フォントスタイルの継承 */
  color: inherit; /* 親の色を引き継ぐ */
}

/* テキストエリア */
textarea {
  resize: vertical;
}

img{
  vertical-align: top;
}

/*
 * フォーカス表示（アクセシビリティ）
 * マウス・タッチ操作時は従来どおり枠線を表示せず、
 * キーボード操作（Tab移動）時のみ明確なフォーカスリングを表示する。
 */
:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: 2px solid #d86597;
  outline-offset: 2px;
}