@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Poppins&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,600;1,300;1,600&display=swap');

@import url("reset.css");

/* 共通定義
=========================================================================*/
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-x: hidden;
	scroll-behavior: auto;
}

body {
	overflow-x: hidden;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Poppins', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.75em;
	color: #212121;
	text-align: left;
	background-color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.6em;
}

strong {
	font-weight: 600;
}

main {
	overflow: hidden;
	position: relative;
}

/* 画像サイズ
-----------------------------------------------------------*/
img {
	overflow: hidden;
	width: 100%;
	height: auto;
}

main {
	display: flex;
	align-items: center;
	justify-items: center;
	/*height: 100vh;*/
}

.fv {
	width: 100%;
}

.fv .inner {
	padding: 0 20px;
}

.fv .inner figure {
	margin: 0 auto 40px;
	max-width: 400px;
}

.fv .inner p {
	font-size: 36px;
	text-align: center;
	line-height: 1.3em;
	text-transform: uppercase;
}

footer {
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
}

footer p {
	font-size: 14px;
	text-align: center;
}


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

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

	.sp {
		display: block;
	}


}

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