@charset "UTF-8";

:root {
	--color-base: #fff; /* 背景色などのベージュの部分 */
	--color-main: #CA1A21; /* 赤い部分 */
	--color-accent: #091554; /* 緑の部分 */
	--color-text: #272121; /* 文字の色 */
	--color-text2: #fff; /*上記では表示されないところ用*/
	--color-marker: #ffeeaa; /* 文字のマーカー部分の色 */
	--color-light: #fff;
	--font-primary: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; /* 日本語フォント */
	--font-alphanumeric: 'Outfit', sans-serif; /* 英数フォント */
	--font-icon: 'Font Awesome 6 Free'; /* アイコンフォント */
	--border-radius: 0.8rem;
}

@media screen and (min-width: 1367px) {
	html{ font-size:62.5%;}}
@media screen and (max-width: 1366px) {
	html{ font-size:50%;}}
@media screen and (max-width: 800px) {
	html{ font-size:90%;}}
@media screen and (max-width: 500px) {
	html{ font-size:62.5%;}}

@media screen and (min-width: 769px) {
	:root {
		--margin-base: 5rem;
	}

	body{
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 768px) {
	:root {
		--margin-base: 3rem;
	}

	body{
		font-size: 1.2rem;
	}
}

.line-textarea {
	font-size: 16px !important;
}