@charset "UTF-8";

/* CSS Document */

/*------------------------------
google fonts
------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..700&display=swap');
/*------------------------------
	初期設定
------------------------------*/
html, body{ height: 100%; background-color: #fff; } /* 2023/10/24 ver.1.11.1 GitHub */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } :where([hidden]:not([hidden='until-found'])) { display: none !important; } :where(html) { -webkit-text-size-adjust: none; tab-size: 2; scrollbar-gutter: stable; } :where(html:has(dialog:modal[open])) { overflow: clip; } :where(body) { line-height: 1.5; font-family: system-ui, sans-serif; -webkit-font-smoothing: antialiased; } :where(button) { all: unset; } :where(input, button, textarea, select) { font: inherit; color: inherit; } :where(textarea) { resize: vertical; resize: block; } :where(button, label, select, summary, [role='button'], [role='option']) { cursor: pointer; } :where(:disabled) { cursor: not-allowed; } :where(label:has(> input:disabled), label:has(+ input:disabled)) { cursor: not-allowed; } :where(a) { color: inherit; text-underline-offset: 0.2ex; text-decoration: none; } :where(ul, ol) { list-style: none; } :where(img, svg, video, canvas, audio, iframe, embed, object) { display: block; } :where(img, picture, svg, video) { width: 100%; max-inline-size: 100%; block-size: auto; } :where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; font-size: 1.6rem; } :where(h2, h3, h4, h5, h6) { font-weight: normal; } :where(hr) { border: none; border-block-start: 1px solid; color: inherit; block-size: 0; overflow: visible; } :where(dialog, [popover]) { border: none; background: none; color: inherit; inset: unset; max-width: unset; max-height: unset; } :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) { display: none !important; } :where(:focus-visible) { outline: 3px solid CanvasText; box-shadow: 0 0 0 5px Canvas; outline-offset: 1px; } :where(:focus-visible, :target) { scroll-margin-block: 8vh; } :where(.visually-hidden:not(:focus-within, :active)) { clip-path: inset(50%) !important; height: 1px !important; width: 1px !important; overflow: hidden !important; position: absolute !important; white-space: nowrap !important; border: 0 !important; user-select: none !important; }


/*------------------------------
	ブラウザ対応
------------------------------*/
/*
2023/9/18(A (more) Modern CSS Reset)
*/
html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin-block-end: 0; } ul[role='list'], ol[role='list'] { list-style: none; } body { min-height: 100vh; line-height: 1.5; } h1, h2, h3, h4, button, input, label { line-height: 1.1; } a:not([class]) { text-decoration-skip-ink: auto; color: currentColor; } img, picture { max-width: 100%; width: 100%; display: block; font-size: 1.6rem; } input, button, textarea, select { font-family: inherit; font-size: inherit; } textarea:not([rows]) { min-height: 10em; } :target { scroll-margin-block: 5ex; }

/*------------------------------
	ブレイクポイント
------------------------------*/
html {
	font-size: clamp(8px,calc(100vw / 110),10px);
}
@media screen and (max-width: 767px) {
	html {
	  font-size: max(calc(100vw / 39),10px);
	}
}
/* Safari用のハックは、Chromeに適用されないようにする */
@supports (-webkit-touch-callout: none) {
  body {
    /* Safari用のハック */
    height: -webkit-fill-available;
  }
}

/*------------------------------
	全体設定
------------------------------*/

html,body {
 	-webkit-text-size-adjust: none;
}
body {
	font-size: 1.6rem;
	line-height:1.1;
	font-family:"Roboto","Noto Sans JP","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","ＭＳ Ｐゴシック","sans-serif";
	color:#0f0f0f;
	text-align:left;
}
/*------------------------------*/