@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* ------------------------------------------------------------------------- */
/* base
/* ------------------------------------------------------------------------- */
html{
	font-size: 62.5%;
}

body{
	position: relative;
	line-height: 1.6;
	font-family: "Noto Sans JP", sans-serif;
	color: #333;
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	margin: 12px auto;
	padding: 0 min(3vw, 24px);
	max-width: 1700px;
}

@media (max-width: 768px){
	body{
		font-size: 1.6rem;
	}
}
@media (max-width: 499px){
	body{
		font-size: 1.3rem;
	}
}
/* ------------------------------------------------------------------------- */
/* 共通
/* ------------------------------------------------------------------------- */
/* 見出し
/* --------------------------------------------------------------- */
h1{
	font-size: 2rem;
}
h2 {
	font-size: 1.8rem;
}
h3 {
	font-size: 1.6rem;
	margin: 0;
}
h3 + p{
	margin-top: 0;
}

@media (max-width: 768px){
	h2{
		font-size: 1.8rem;
	}
	h3{
		font-size: 1.6rem;
	}
}
@media (max-width: 499px){
	h1{
		font-size: 1.8rem;
	}
	h2{
		font-size: 1.6rem;
	}
	h3{
		font-size: 1.3rem;
	}
}