@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;500;700;900&display=swap");*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

/*font-family: "Noto Sans JP", serif;*/
/*font-family: "Noto Serif JP", serif;*/
/*font-family: "Crimson Text", serif;*/
/*font-family: "Libre Bodoni", serif;*/
/*font-family: "Nunito Sans", serif;*/

/* Common
-----------------------------------*/
:root {
	--main-color: #373582;
}
* {
	box-sizing: border-box;
	vertical-align: middle;
}
html {
	font-size: 62.5%;
	overscroll-behavior: none;
}
body {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic,
		"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	line-height: 180%;
	color: #111;
	font-size: 1.4rem;
	overflow-x: hidden;
}
a {
	color: inherit;
	text-decoration: none;
}
img,
svg {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
input,
select,
textarea,
label,
button {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic,
		"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 140%;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

/* Header
-----------------------------------*/

/* 1025px以上の場合 */
@media screen and (min-width: 1025px) {
}

/* 1024px以下の場合 */
@media screen and (max-width: 1024px) {
	/* Common
	-----------------------------------*/
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}