@charset "utf-8";
/*----------------------------------------------
	root
---------------------------------------------*/
:root {
	/* 色 */
	--main-color: #ff7b82;
	--base-color: #a68c59;
	--key-color: #ee8800;
	--em-color: #009999;
	--line-color: #4cc764;
	--yl-color: #ffff6e;
	--dark-color: #6e594a;
	--pink-color: #d2326e;
	--bk-color: #000;

	--rgb-main-color: 255, 123, 130;
	--rgb-base-color: 166, 140, 89;
	--rgb-key-color: 238, 136, 0;
	--rgb-em-color: 0, 153, 153;

	--ff-zen: "Zen Old Mincho", serif;
	--ff-noto-serif: "Noto Serif JP", serif;
	--ff-shippori: "Shippori Mincho", serif;
	--ff-cormorant: cormorant-garamond, serif;

	--ff-noto-sans: "Noto Sans JP", sans-serif;
	--ff-cjk: noto-sans-cjk-jp, sans-serif;

	--fw-light: 200;
	--fw-reg: 400;
	--fw-med: 500;
	--fw-semi: 600;
	--fw-bold: 700;

	--arrow-vertical-50: 1 / 0.6;
	--arrow-vertical-60: 1 / 0.5;
	--arrow-vertical-65: 1 / 0.4;
	--arrow-vertical-70: 1 / 0.35;
	--arrow-vertical-77: 1 / 0.25;

	--arrow-hn-45: 1 / 1.5;
	--arrow-hn-60: 1 / 2;
}

/*----------------------------------------------
	html
---------------------------------------------*/
html {
	font-size: 62.5%;
}
/*↑ 10pxが1remとなる様に調整*/

/*----------------------------------------------
	body
---------------------------------------------*/
body {
	position: relative;
	overflow-x: hidden;
	min-width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "Zen Old Mincho", serif;
	color: #000;
	line-height: 1.8;
}

/*----------------------------------------------
	a
---------------------------------------------*/
a {
	color: #1788d6;
}
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;
}
/*----------------------------------------------
	iframe
---------------------------------------------*/
iframe {
	vertical-align: bottom;
}
/*----------------------------------------------
	li
---------------------------------------------*/
li {
	list-style-type: none;
}
/*----------------------------------------------
	*
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}