/********************************************************************************
 common-sp.css
********************************************************************************/

@media screen and (max-width: 767px) {
	.forPC {
		display: none;
	}
	.forSP {
		display: block;
	}
	
	.header__logo {
		width: 184px;
	}
	
	.footer__logo {
		width: 200px;
	}
	.footer__link li {
		margin: 10px 20px;
	}
	.footer__link a {
		width: 200px;
		height: 56px;
		line-height: 56px;
		font-size: 1.4rem;
	}
	.footer__snsTw {
		width: 30px;
	}
	.footer__snsIn {
		width: 32px;
	}
	.footer__snsLn {
		width: 32px;
	}
}

@media screen and (max-width: 480px) {
	body.js_toggle_open {
		overflow: hidden;
	}
	
	.header {
		background: transparent;
	}
	.header:before {
		position: absolute;
		content: "";
		display: block;
		width: 620px;
		height: 580px;
		background: url(../images/common/nav_bg_sp.png) no-repeat center center / contain;
		left: 50%;
		transform: translatex(-50%);
		top: -160px;
	}
	.header__inner {
		position: relative;
		z-index: 1201;
	}
	.header__linkList a {
		font-size: 1.4rem;
	}
	
	
	.footer {
		padding-bottom: 120px;
	}
	.footer:before {
		width: 764px;
		height: 423px;
		background: url(../images/common/footer_bg_sp.png) no-repeat center center / contain;
		left: 50%;
		transform: translatex(-50%);
		bottom: -260px;
	}
	.footer__inner {
		max-width: 240px;
		padding: 0;
	}
	.footer__link {
		flex-direction: column;
	}
	.footer__link li {
		margin: 0;
	}
	.footer__linkBtn {
		margin: 20px 0;
	}
	.footer__sns {
		margin-bottom: 16px;
	}
	.footer__sns li {
		margin: 0 12px;
	}
	.footer__sns li:nth-child(1) {
		margin-left: 0;
	}
	.footer__info p {
		margin-bottom: 24px;
	}
	.footer__info a {
		margin: 8px;
	}
}