@charset "utf-8";
/*----------------------------------------------
	root
---------------------------------------------*/
:root {
	/* 色 */
	--primary-color: #0088ff;
	--secondary-color: #1f2c5c;
	--base-color: #f4f0ec;
	--iryo-gn: #3b9671;
	--iryo-pk: #eba6a0;
	--iryo-bl: #96b9dc;
	--iryo-yl: #fdd234;
	--iryo-tq: #00a5c2;
	--iryo-pl: #8159b8;
	--iryo-or: #dd8b39;
	--bk-color: #333;
	--wh-color: #fff;

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 700;
	--fw-black: 900;

	--fs-12: 0.75em;
	--fs-13: 0.8125em;
	--fs-14: 0.875em;
	--fs-18: 1.125em;
	--fs-20: 1.25em;
	--fs-22: 1.375em;
	--fs-24: 1.5em;
	--fs-26: 1.625em;
	--fs-28: 1.75em;
	--fs-30: 1.875em;
	--fs-32: 2em;
	--fs-34: 2.125em;
	--fs-36: 2.25em;
	--fs-40: 2.5em;
	--fs-44: 2.75em;
	--fs-46: 2.875em;
	--fs-48: 3em;
	--fs-54: 3.375em;
	--fs-64: 4em;

	--ls-sm: 0.05em;
	--ls-md: 0.07em;
	--ls-lg: 0.1em;
}
/*----------------------------------------------
	html
---------------------------------------------*/
html {
	font-size: 62.5%;
}
/*↑ 10pxが1remとなる様に調整*/

/*----------------------------------------------
	body
---------------------------------------------*/
body {
	position: relative;
	overflow-x: hidden;
	min-width: 100%;
	background-color: var(--base-color);
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "Zen Maru Gothic", sans-serif;
	color: var(--bk-color);
	line-height: 1.4;
}
@media screen and (max-width: 1280px) {
	body {
		font-size: calc(14px + 2 * (100vw - 768px) / 512);
	}
}
@media screen and (max-width: 768px) {
	body {
		font-size: 1.4rem;
	}
}

/*----------------------------------------------
	a
---------------------------------------------*/
a {
	color: #1788d6;
	text-decoration: none;
}
a:hover {
	color: #c00;
}

/*----------------------------------------------
	table
---------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----------------------------------------------
	h1,h2,h3,h4,h5,h6
---------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}
/*----------------------------------------------
	img
---------------------------------------------*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
/*----------------------------------------------
	li
---------------------------------------------*/
li {
	list-style-type: none;
	list-style-position: inside;
}
/*----------------------------------------------
	*
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}