@charset "UTF-8";

/***
  The new CSS reset - version 1.11.3 (last updated 25.08.2024)
  GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
 * "Noto Serif JP" is lisenced under the SIL Open Font License 1.1
 * https://fonts.google.com/
 * https://www.google.com/fonts/attribution
 * http://scripts.sil.org/OFL
 */
/*
 * "Nunito" is lisenced under the SIL Open Font License 1.1
 * https://fonts.google.com/
 * https://www.google.com/fonts/attribution
 * http://scripts.sil.org/OFL
 */
 
/*
    ブラウザの「User-Agent-Stylesheet」のスタイルを、「display」プロパティ以外全て削除
    - 「symbol *」の部分は、Firefox SVG スプライトのバグ対応
    - Chromeのバグによりhyphensプロパティが機能しなくなるため、html要素を除外 (https://github.com/elad2412/the-new-css-reset/issues/36)
*/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset; display: revert;
}

/* box-sizingの優先値 */
*, *::before, *::after { box-sizing: border-box; }

/* アンカータグのポインタカーソルを再適用 */
a, button { cursor: pointer; }

/* リストのスタイル（箇条書き・番号）を削除 */
ol, ul, menu, summary { list-style: none; }

/* Firefoxで、入れ子になった順序付きリストが親の番号を引き継ぐ問題を解決(https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol { counter-reset: revert; }

/* コンテナを超えないようにする */
img, video, iframe { max-width: 100%; vertical-align: middle; }

/* 表のセル間のスペースを削除 */
table { border-collapse: collapse; }

/* Safariで、テキスト入力でuser-select:noneを使用すると動作しない問題の対処。 */
input, textarea { -webkit-user-select:auto; -webkit-appearance:auto; appearance:auto; }

/* Safariのtextarea要素の'white-space'プロパティを元に戻す */
textarea { white-space: revert; }

/* meter要素のスタイルを最小限に */
meter { -webkit-appearance:revert; appearance:revert; }

/* pre要素にのみ all:revert; を適用 */
:where(pre) { all: revert; box-sizing: border-box; }

/* input要素のプレースホルダテキスト不透明度をリセット */
::placeholder { color: unset; }

/* 'hidden'属性の機能を修正 */
:where([hidden]) { display: none; }

/* Chromeのバグ対応 - 'contenteditable'属性が正しく動作するよう修正 */
:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto;
}

/* draggable機能を復活させる（ChromeとSafariのみ） */
:where([draggable="true"]) { -webkit-user-drag: element; }

/* dialog要素で、モーダルの初期動作をリセット */
:where(dialog:modal) { all: revert; box-sizing: border-box; }

/* summary要素のマーカーがsafariで表示されるので、非表示に */
::-webkit-details-marker{ display: none; }

/* 以下タグは元のスタイルを活かす */
sup, sub, strong, b, em, i, u, del, s, ruby > rt { all: revert; }


@font-face {
  font-family: 'Noto Sans JP'; font-weight: normal; font-display: swap; src: url("../fonts/NotoSansJP-Regular.woff2") format('woff2');
}
@font-face {
  font-family: 'Noto Sans JP'; font-weight: bold; font-display: swap; src: url("../fonts/NotoSansJP-Bold.woff2") format('woff2');
}
@font-face {
  font-family: "Nunito"; font-weight: normal; font-display: swap; src: url("../fonts/Nunito-Regular.woff2") format('woff2');
}
@font-face {
  font-family: "Nunito"; font-weight: bold; font-display: swap; src: url("../fonts/Nunito-Bold.woff2") format('woff2');
}

body {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  word-break: break-all;
  font-family: Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

html { font-size: 17px; }

@media screen and (max-width: 768px) {
  html{ font-size: 16px; }
}

@media screen and (max-width: 540px) {
  html{ font-size: 14px; }
}