@charset "UTF-8";

/*////////////////////////////////////////////////////////////////////////

	FAUNDATION

		- 初期化
		- 基本スタイル
		
--------------------------------------------------------------------------

	MEDIA QUERY

		- 設定なし：390×844最適化（375×667・375×812・390×844・414×819／SP）
		- 600px以上：768×1024最適化（600×960・768×1024・810×1080／TAB縦）
		- 1024px以上：1366×768最適化（1024×768・1280×720・1366×768・1440×900・1536×864／TAB横・MB）
		- 1600px以上：1920×1080最適化（1600×900・1920×1080・2560×1440／DT）

////////////////////////////////////////////////////////////////////////*/


/*========================================================================


	RESET


========================================================================*/

*:focus { outline: none; }
a { color: #000; text-decoration: none; font-weight: 500; }
img { width: 100%; height: auto; }
table { border-collapse: collapse; border-spacing: 0; }


/*========================================================================


	BASE


========================================================================*/

html { font-size: calc(100vw / 37.5); -webkit-text-size-adjust: 100%; }
body { font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2; letter-spacing: 0.03em; font-feature-settings: "palt"; }
table th, table td { font-weight: 400; }

@media screen and (min-width: 600px) { /* 768×1024最適化 */
html { font-size: calc(100vw / 76.8); }
}

@media screen and (min-width: 1024px) { /* 1366×768最適化 */
html { font-size: calc(100vw / 136.6); }
body { letter-spacing: 0.06em; }
}

@media screen and (min-width: 1600px) { /* 1920×1080最適化 */
html { font-size: calc(100vw / 192); }
body { font-size: 1.5rem; }
}