@charset "utf-8";
html,
body{margin: 0; padding: 0;position: relative; height: 100vh; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.pc{display: block}
.sp{display: none}
/* PC ================================================== */
@media all and (min-width: 1025px) {
	.logo{
		width: 450px; position: absolute; top:50%; left: 50%; margin-left: -229px; margin-top: -60px;
	}
	.text{
		width: 392px; position: absolute; top:70%; left: 50%; margin-left: -178px; margin-top: -60px; font-size: 14px;
	}
	.snsBox{position: relative; height: 100%}
		.snsBoxIn{list-style: none !important; display: flex; position: absolute; bottom:5%;}
		.snsBoxIn li{list-style: none !important; width: 10%;}
		.snsBoxIn li:first-child{margin-right: 5%}

			.snsBoxIn li img{width: 100%}
	.pc{display: block}
	.sp{display: none}	
}

@media all and (min-width: 600px) and (max-width: 1024px) {
	.logo{
		width: 450px; position: absolute; top:50%; left: 50%; margin-left: -229px; margin-top: -60px;
	}
	.text{
		width: 356px; position: absolute; top:70%; left: 50%; margin-left: -178px; margin-top: -60px; font-size: 14px;
	}
	.snsBox{position: relative; height: 100%}
		.snsBoxIn{list-style: none !important; display: flex; width: 100%; position: absolute; bottom:5%;}
		.snsBoxIn li{list-style: none !important; width: 10%;}
		.snsBoxIn li:first-child{margin-right: 5%}

			.snsBoxIn li img{width: 100%}
	.pc{display: block}
	.sp{display: none}	
}
/* SP ================================================== */
@media all and (max-width: 599px) {
	.logo{
		width: 100%; max-width:250px; position: absolute; top:50%; left: 50%; margin-left: -125px; margin-top: -36px;
	}
	.logo img{
		width: 250px;
	}
	.text{
		width: 250px; position: absolute; top:70%; left: 50%; margin-left: -125px; margin-top: -60px; font-size: 14px; text-align: center; line-height: 1.7
	}
	.snsBox{position: relative;height: 100px; width: 100%;}
		.snsBoxIn{list-style: none !important; display: flex; width: 95%; position: absolute; bottom:3%; }
		.snsBoxIn li{list-style: none !important; width: 10%;}
		.snsBoxIn li:first-child{margin-right: 5%}

			.snsBoxIn li img{width: 100%}
	.pc{display: none}
	.sp{display: block}	

}