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

/* 1. ボックスモデルの定義を直感的にする */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. デフォルトの余白を削除 */
* {
  margin: 0;
  padding: 0;
  list-style:none;
}

/* 3. 本文の行間を改善し、フォントを滑らかにする */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}

/* 4. 画像やメディア要素をブロック要素にし、はみ出しを防ぐ */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 5. フォーム要素のフォント継承を修正 */
input, button, textarea, select {
  font: inherit;
}

/* 6. 改行の折り返しを自然にする */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 7. ルートのスタックコンテキストを作成（ReactやNext.js等を使用する場合） */
#root, #__next {
  isolation: isolate;
}


@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}