@import url("reset.css");
@import url("header.css");
@import url("footer.css");

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');

/* 共通定義
=========================================================================*/
body {
	position: relative;
	overflow-x: hidden;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "M PLUS 1p", YuGothic, "Yu Gothic Medium", "Yu Gothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 2;
	color: #000;
	text-align: left;
	background-color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	letter-spacing: .05em;
}

strong {
	color: #F5FC00;
}

/* リンク
-----------------------------------------------------------*/
a {
	text-decoration: none;
	transition: all .3s;
}

a:visited {}

a:hover {}

a:active,
a:focus {
	outline: none;
}

a.opacity:hover {
	opacity: 0.7;
}

/* 画像サイズ
-----------------------------------------------------------*/
img, picture {
	display: block;
	max-width: 100%;
	height: auto;
}

/* デスクトップ・スマホ分岐
-----------------------------------------------------------*/
.pc {
	display: block;
}

.sp {
	display: none;
}

/* 複数ページ共通
-----------------------------------------------------------*/
main {
	position: relative;
	margin-top: 100px;
}



/*  1160px以下
=========================================================================
=========================================================================*/
@media screen and (max-width:1160px) {
	main {
		margin-top: 70px;
	}
}

/*  767px以下
=========================================================================
=========================================================================*/
@media screen and (max-width:767px) {

	body {
		font-size: 14px;
	}

	/* デスクトップ・スマホ分岐
	-----------------------------------------------------------*/
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}