@charset "utf-8";

:root {
	/* --- カラー --- */
	--color-text: #000;
	--color-border: #ddd;
	--color-bg-light: #f7f7f7;
	--color-primary: #c1112e;
	--color-primary-dark: #A90F28;
	/*--color-accent: #ffa627;
	--color-accent-dark: #FF990A;
	--color-red: #e70000;
	--color-red-dark: #CC0000;*/
	/* --- フォント --- */
	--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
	--font-serif: "Noto Serif JP", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--font-eng: "Syncopate", sans-serif;
	--font-icon: "Font Awesome 7 Free";
	/* --- フォントサイズ --- */
	--text-10: 0.625rem;
	--text-12: 0.75rem;
	--text-14: 0.875rem;
	--text-15: 0.938rem;
	--text-16: 1rem;
	--text-18: 1.125rem;
	--text-20: 1.25rem;
	--text-24: 1.5rem;
	--text-30: 1.875rem;
	--text-36: 2.25rem;
	--text-40: 2.5rem;
	--text-48: 3rem;
	--text-60: 3.75rem;
	--text-72: 4.5rem;
	--text-80: 5rem;
	--text-96: 6rem;
	--text-128: 8rem;
	/* --- スペーシング変数 (1rem = 16px基準) --- */
	--s-1: 0.25rem;    /* 4px */
	--s-2: 0.5rem;     /* 8px */
	--s-3: 0.75rem;    /* 12px */
	--s-3-5: 0.875rem; /* 14px */
	--s-4: 1rem;       /* 16px */
	--s-5: 1.25rem;    /* 20px */
	--s-6: 1.5rem;     /* 24px */
	--s-7: 1.75rem;    /* 28px */
	--s-8: 2rem;       /* 32px */
	--s-9: 2.25rem;    /* 36px */
	--s-10: 2.5rem;    /* 40px */
	--s-11: 2.75rem;   /* 44px */
	--s-12: 3rem;      /* 48px */
	--s-13: 3.25rem;   /* 52px */
	--s-14: 3.5rem;    /* 56px */
	--s-15: 3.75rem;   /* 60px */
	--s-16: 4rem;      /* 64px */
	--s-17: 4.25rem;   /* 68px */
	--s-18: 4.5rem;    /* 72px */
	--s-19: 4.75rem;   /* 76px */
	--s-20: 5rem;      /* 80px */
	--s-21: 5.25rem;   /* 84px */
	--s-22: 5.5rem;    /* 88px */
	--s-23: 5.75rem;   /* 92px */
	--s-24: 6rem;      /* 96px */
	--s-25: 6.25rem;   /* 100px */
	--s-26: 6.5rem;    /* 104px */
	--s-27: 6.75rem;   /* 108px */
	--s-28: 7rem;      /* 112px */
	--s-29: 7.25rem;   /* 116px */
	--s-30: 7.5rem;    /* 120px */
	--s-31: 7.75rem;   /* 124px */
	--s-32: 8rem;      /* 128px */
	--s-33: 8.25rem;   /* 132px */
	--s-34: 8.5rem;    /* 136px */
	--s-35: 8.75rem;   /* 140px */
	--s-36: 9rem;      /* 144px */
	--s-37: 9.25rem;   /* 148px */
	--s-38: 9.5rem;    /* 152px */
	--s-39: 9.75rem;   /* 156px */
	--s-40: 10rem;     /* 160px */
	--s-41: 10.25rem;  /* 164px */
	--s-42: 10.5rem;   /* 168px */
	--s-43: 10.75rem;  /* 172px */
	--s-44: 11rem;     /* 176px */
	--s-45: 11.25rem;  /* 180px */
	--s-46: 11.5rem;   /* 184px */
	--s-47: 11.75rem;  /* 188px */
	--s-48: 12rem;     /* 192px */
	--s-49: 12.25rem;  /* 196px */
	--s-50: 12.5rem;   /* 200px */
	--s-51: 12.75rem;  /* 204px */
	--s-52: 13rem;     /* 208px */
	--s-53: 13.25rem;  /* 212px */
	--s-54: 13.5rem;   /* 216px */
	--s-55: 13.75rem;  /* 220px */
	--s-56: 14rem;     /* 224px */
	--s-57: 14.25rem;  /* 228px */
	--s-58: 14.5rem;   /* 232px */
	--s-59: 14.75rem;  /* 236px */
	--s-60: 15rem;     /* 240px */
	--s-61: 15.25rem;  /* 244px */
	--s-62: 15.5rem;   /* 248px */
	--s-63: 15.75rem;  /* 252px */
	--s-64: 16rem;     /* 256px */
}
html {
	scroll-behavior: smooth;
}

body, input, button, textarea, select {
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
	letter-spacing: 0.075em;
}

body {
	color: var(--color-text);
	background-color: #fff;
	font-size: var(--text-16);
	line-height: 1.7;
	min-height: 100vh;
	/*padding-top: 3.75rem;*/
}
/* スクロール禁止（モーダル・メニュー展開時） */
body.no-scroll {
  overflow: hidden;
}
@media (min-width: 1024px) {
	body {
		padding-top: 0;
	}
}

.inner {
	max-width: 75rem; /* 1200px */
	width: 90%;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.inner {
		width: 92%;
	}
}

a {
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
}
a:hover {
	opacity: 0.8;
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
}