/* header */
#login-header-pc {
	margin:30px 0px;
	text-align:center;
}

#login-header-sp {
	display:none;
}



/* main */
#present-panel {
    background-color: #fff;
	padding:30px 50px;
	border-top:1px solid #999999;
	display:flex;
	flex-direction: column;
	align-items: center;
}

#present-panel .present-campaign-pc {
	display: block;
}

#present-panel .present-campaign-sp {
	display:none;
}

#present-panel .present-body {
	width:750px;
	font-size: 16px;
	margin:20px;
}

#present-panel .present-link {
	width:750px;
	font-size: 16px;
}

#present-panel .back-btn-div {
	padding: 10px 30px;
	margin: 30px 0px 10px 0px;
	display:flex;
	flex-direction: column;
	align-items: center;
}

#present-panel .back-btn-div .back-btn {
	border:none;
}

#present-panel .back-top-btn-div {
	padding: 10px 30px;
	margin: 30px 0px 10px 0px;
	display:flex;
	flex-direction: column;
	align-items: center;
}

#present-panel .back-top-btn-div .back-top-btn {
	border:none;
}



/* footer */
#present-footer {
	padding:10px 0px;
	overflow:auto;
	border-top:1px solid #999999;
	text-align:center;
}

#present-footer #present-footer-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
}

#present-footer #present-footer-nav a {
	font-size: 15px;
	font-weight: bold;
    color: #000;
    text-decoration: none;
    margin: 10px 10px;
}

#present-footer .harmonick-logo {
    margin: 10px 0px;
}

#present-footer .harmonick-logo .harmonick-logo-img {
	width:168px;
	height:40px;
}

#present-footer .copyright {
	margin:0px;
}

#present-footer .copyright .copyright-text {
	font-size:11px;
	color:#4d4d4d;
	padding:1px 0px;
}



@media (max-width: 599px) {
	/* header */
	#login-header-sp {
		width:100vw;
		text-align:center;
		display: block;
	}

	#login-header-pc {
		display: none;
	}

	#login-header-sp-img {
		width:100vw;
	}

	/* main */
	#present-panel .present-campaign-pc {
		display:none;
	}

	#present-panel .present-campaign-sp {
		width:100vw;
		display:block;
	}

	#present-panel .present-campaign-sp .present-campaign-sp-img {
		width:100vw;
	}

	#present-panel .present-body {
		width:100vw;
		padding:0px 5vw;
	}

	#present-panel .present-link {
		width:100vw;
		padding:0px 5vw;
	}

	#present-panel .back-btn-div {
		width:100vw;
	}

	.back-btn-link {
		width:100%;
	}

	.back-btn-link .back-btn {
		width:100%;
	}

	#present-panel .back-top-btn-div {
		width:100vw;
	}

	.back-top-btn-link {
		width:100%;
	}

	.back-top-btn-link .back-top-btn{
		width:100%;
	}



	/* footer */
	#present-footer {
		width:80vw;
		margin: 0px 10vw;
	}

	#present-footer #present-footer-nav {
		flex-direction: column;
		align-items: flex-start;
	}

	#present-footer #present-footer-nav a {
		font-size: 13px;
		margin:10px 0px;
	}
}