/* footer ----------------------------------------------------------------------------------------------*/
#footer{background: #404242;color: #fff;padding: 3rem 0 1rem;}
#footer_wrap {display: flex;width: 960px;padding: 2rem 0;margin: 0 auto;font-size: 80%;justify-content: space-between;}
.footer_logo{width: 30%;}
.footer_menu{width: 30%;}
.footer_contact{width: 35%;}
.footer_list li{position: relative;padding: 0 0 0 3rem;margin: 1rem 0 0 0;}
.footer_list li p:hover{opacity: .5;transition: .3s;}
.footer_contact .footer_list li p:hover{opacity: 1;}
.footer_list li:before{
	content:'';
	position: absolute;
	width: .8rem;
	height: .8rem;
	border-color: #ffffff38;
	border-style: solid;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
	top: 1rem;
	left: 0;
}
.footer_list li a, .contact_btn{text-decoration: none;color: #fff;}
.contact_btn{
	display: block;
	position: relative;
	margin: 1rem 0 0;
	padding: .5rem;
	background: #fff;
	color: #404242;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	line-height: 1.3;
	font-size: 1.7rem;
}
.contact_btn:after{
	content:'';
	position: absolute;
	width: .8rem;
	height: .8rem;
	border-color: #404242;
	border-style: solid;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg)translateY(-50%);
	top:50%;
	right: 2rem;
}
.contact_btn:hover{opacity: .5;transition: .3s;}
.footer_list .large{font-size: 120%;}
a.contact_btn + a.contact_btn{margin-top: 2rem;}
.copyright{padding: 4rem 0 0;font-size: 50%;text-align: center;}
.copyright a{color: #fff;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 480px) {
	/* footer ----------------------------------------------------------------------------------------------*/
	#footer{padding: 1vw 3vw 1vw;}
	#footer_wrap {display: block;width:100%;padding: 5vw 0;font-size: 90%;}
	.footer_logo{width: 30%;margin-bottom: 6vw;}
	.footer_menu{width: 100%;}
	.footer_contact{width: 100%;}
	.footer_list li{padding: 0 0 0 3vw;margin: 0 0 3vw 0;}
	.footer_list li:before{width: 1vw;height: 1vw;border-width: 1px 1px 0 0;top: 2.5vw;left: 0;}
	.footer_list li a{}
	.footer_list li a.contact_btn{margin: 3vw 0 0;padding: 1vw;font-size: 4vw;}
	.footer_list li a.contact_btn:after{
		width: 2vw;
		height: 2vw;
		border-width: 2px 2px 0 0;
		transform: rotate(45deg)translateY(-50%);
		top:50%;
		right: 4vw;
	}
	.footer_list li a.contact_btn:hover{}
	a.contact_btn + a.contact_btn{margin-top: 4vw;}
	.copyright{padding: 2vw 0 0;font-size: 2.5vw;}
}