@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	text-align: center;
}
body p {
	margin: 0;
	padding: 0;
}
body a {
	border: none;
}

.pic img {
	width: 100%;
	height: auto;
}

.hero {
	background-image: url(../images/promo.png);
	background-size: cover;
	background-position: center center;
	height: 100vh;
	position: relative;
}

.hero .sns {
	position: fixed;
	top: 20px;
	right: 20px;
}

.hero .dot {
	position: absolute;
	top: auto;
	bottom: 30px;
	right: 0;
	left: 0;
	margin: auto;
	width: 77px;
}

.hero .header {
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
}

.sec1 {
	background: #000;
}

.sec2 .sec2line {
	display: flex;
	width: 100%;
}

.sec2 .sec2line .sec2cont {
	text-align: center;
	width: 50%;
	height: 400px;
	background-size: cover;
	background-position: center center;
}

.sec2 .sec2line .sec2cont p {
	padding-top: 120px;
}

.sec4 {
	background: #ededed;
}

.footer {
	background: #000;
	border-top: 2px solid #EC1D24;
}

.fcopy {
	background: #4A4A4A;
}