@charset "UTF-8";
/* CSS Document */

/*************************************************************************************************************************
* Modern CSS Reset for Lilly Migraine Project
* モダンブラウザ向け包括的リセットCSS
*************************************************************************************************************************/

/* ==========================================================================
   ボックスサイズのルール
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ==========================================================================
   デフォルトのマージンとパディングを削除
   ========================================================================== */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote, pre, table, th, td, form, fieldset, legend, input, textarea, button, select {
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   リストロールを持つul、ol要素のリストスタイルを削除
   ========================================================================== */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* ==========================================================================
   コアルートのデフォルト設定
   ========================================================================== */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   コアボディのデフォルト設定
   ========================================================================== */
body {
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   クラスを持たないa要素のデフォルトスタイル
   ========================================================================== */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* ==========================================================================
   a要素の包括的リセット
   ========================================================================== */
a,
a:visited,
a:hover,
a:focus,
a:active {
  color: inherit;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
/* ==========================================================================
   画像を扱いやすくする
   ========================================================================== */
img,
picture {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
  border-style: none;
  vertical-align: bottom;
}

/* SVGのデフォルトスタイル */
svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 動画とキャンバスのデフォルトスタイル */
video,
canvas {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   組み込みフォームタイポグラフィスタイルを削除
   ========================================================================== */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* ==========================================================================
   テキストオーバーフローを回避
   ========================================================================== */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* ==========================================================================
   ルートスタッキングコンテキストを作成
   ========================================================================== */
#root,
#__next {
  isolation: isolate;
}

/* ==========================================================================
   アニメーション、トランジション、スムーススクロールを好まない人のために削除
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   クロスブラウザ互換性のための追加リセット
   ========================================================================== */

/* デフォルトのfieldsetスタイルを削除 */
fieldset {
  min-width: 0;
  border: 0;
}

/* デフォルトのlegendスタイルを削除 */
legend {
  padding: 0;
}

/* デフォルトのtableスタイルを削除 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* デフォルトのbuttonスタイルを削除 */
button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* デフォルトのinputスタイルを削除 */
input {
  border: none;
  outline: none;
}

/* デフォルトのtextareaスタイルを削除 */
textarea {
  border: none;
  outline: none;
  resize: vertical;
}

/* デフォルトのselectスタイルを削除 */
select {
  border: none;
  outline: none;
  background: none;
}

/* デフォルトのdetailsスタイルを削除 */
details {
  display: block;
}

/* デフォルトのsummaryスタイルを削除 */
summary {
  display: list-item;
}

/* デフォルトのtemplateスタイルを削除 */
template {
  display: none;
}

/* デフォルトのhiddenスタイルを削除 */
[hidden] {
  display: none !important;
}

/* ==========================================================================
   タイポグラフィリセット
   ========================================================================== */

/* デフォルトの見出しスタイルを削除 */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* デフォルトの段落スタイルを削除 */
p {
  margin: 0;
}

/* デフォルトのblockquoteスタイルを削除 */
blockquote {
  margin: 0;
  padding: 0;
}

/* デフォルトのpreスタイルを削除 */
pre {
  font-family: inherit;
  margin: 0;
  white-space: pre-wrap;
}

/* デフォルトのcodeスタイルを削除 */
code {
  font-family: inherit;
}

/* ==========================================================================
   フォーム要素リセット
   ========================================================================== */

/* デフォルトのformスタイルを削除 */
form {
  margin: 0;
}

/* デフォルトのfieldsetスタイルを削除 */
fieldset {
  margin: 0;
  padding: 0;
}

/* デフォルトのlabelスタイルを削除 */
label {
  cursor: pointer;
}

/* デフォルトのoptgroupスタイルを削除 */
optgroup {
  font-weight: inherit;
}

/* デフォルトのoptionスタイルを削除 */
option {
  font-weight: inherit;
}

/* ==========================================================================
   インタラクティブ要素リセット
   ========================================================================== */

/* デフォルトのdialogスタイルを削除 */
dialog {
  background: none;
  border: none;
  padding: 0;
}

/* デフォルトのmeterスタイルを削除 */
meter {
  background: none;
  border: none;
}

/* デフォルトのprogressスタイルを削除 */
progress {
  background: none;
  border: none;
}

/* ==========================================================================
   埋め込みコンテンツリセット
   ========================================================================== */

/* デフォルトのiframeスタイルを削除 */
iframe {
  border: none;
}

/* デフォルトのobjectスタイルを削除 */
object {
  border: none;
}

/* デフォルトのembedスタイルを削除 */
embed {
  border: none;
}

/* ==========================================================================
   テーブルリセット
   ========================================================================== */

/* デフォルトのcaptionスタイルを削除 */
caption {
  text-align: left;
}

/* デフォルトのcolgroupスタイルを削除 */
colgroup {
  border: none;
}

/* デフォルトのcolスタイルを削除 */
col {
  border: none;
}

/* デフォルトのtbodyスタイルを削除 */
tbody {
  border: none;
}

/* デフォルトのtheadスタイルを削除 */
thead {
  border: none;
}

/* デフォルトのtfootスタイルを削除 */
tfoot {
  border: none;
}

/* デフォルトのtrスタイルを削除 */
tr {
  border: none;
}

/* デフォルトのtdスタイルを削除 */
td {
  border: none;
  padding: 0;
}

/* デフォルトのthスタイルを削除 */
th {
  border: none;
  padding: 0;
  text-align: left;
  font-weight: inherit;
}