@charset "utf-8";
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer-wrap {
	color: #fff;
	/*background-color: #000;*/
    position: relative;
	background-color: #565656;
}
#footer-wrap a{
	text-decoration: none;
	transition: .3s;
}
#footer-wrap a:hover{
	opacity: 0.6;
}
@media screen and (max-width: 1399px){
	#footer-wrap {
		padding: 6.4rem 0;
	}
	#footer-wrap .tecw-txt{
		margin-bottom: 2.4rem;
	}
}
@media screen and (min-width: 1400px){
	#footer-wrap {
		padding: 14rem 0 9.6rem;
	}
	#footer-wrap .tecw-txt{
		font-size: 1.4rem;
		margin-bottom: 4.8rem;
	}
}
/*LINE btn*/
.flw-btn{
	margin-bottom: 1.6rem;
}
.flw-btn a{
	background-color: #fff;
	display: block;
	color: #000;
	text-decoration: none;
	transition: .3s;
}
.flw-btn a:hover{
	opacity: 0.6;
}
.flw-btn-main{
	display: flex;
	align-items: center;
	text-align: left;
}
.flw-btn-main-icon{
	display: inline-block;
}
.flw-btn-main-txt .efont{
	line-height: 1;
}
.flw-btn-main-txt{
	margin-bottom: 0;
}
@media screen and (max-width: 575px){
/*	.flw-btn-ttl{
		text-align: left;
		margin-left: -0.5em;
	}*/
	.flw-btn a{
		padding: 2.4rem 0 2.4rem 5.6%;
	}
}
@media screen and (min-width: 576px){
	.flw-btn-main{
		justify-content: center;
	}
}
@media screen and (min-width:576px) and (max-width:1399px){
	.flw-btn a{
		padding: 2.4rem 0;
	}
}
@media screen and (min-width: 768px){
	.footer-line-wrap{
		display: flex;
		margin-right: -1.351%;
		margin-left: -1.351%;
	}
	.flw-btn{
		width: calc(100% / 2);
		padding-right: 1.351%;
		padding-left: 1.351%;
	}
}
@media screen and (max-width: 1399px){
	.footer-line-wrap{
		padding-bottom: 3.2rem;
	}
	.flw-btn-ttl{
		font-size: 1.2rem;
		margin-bottom: 1.6rem;
	}
	.flw-btn-main-icon{
		margin-right: 2rem;
		max-width: 4rem;
	}
	.flw-btn-main-txt .efont{
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 1400px){
	.footer-line-wrap{
		padding-bottom: 8.8rem;
	}
	.flw-btn a{
		padding: 4rem 0 6.4rem;
	}
	.flw-btn-ttl{
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
	.flw-btn-main-icon{
		margin-right: 2.5rem;
		max-width: 5rem;
	}
	.flw-btn-main-txt{
		font-size: 1.4rem;
	}
	.flw-btn-main-txt .efont{
		font-size: 2.7rem;
	}
}
/*footer-logo-sns*/
.footer-logo-sns{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fls-logo{
	margin-bottom: 0;
}
.fls-sns{
	display: flex;
}
@media screen and (max-width: 1399px){
	.footer-logo-sns{
		margin-bottom: 3.2rem;
	}
	.fls-logo{
		width: 12rem;
	}
}
@media screen and (min-width: 1400px){
	.footer-logo-sns{
		margin-bottom: 4.8rem;
	}
	.fls-logo{
		width: 13rem;
	}
}
/*footer-copy-link*/
.footer-copy-link{
	display: flex;
}
.fcl-copy{
	margin-bottom: 0;
}
.fcl-link{
	padding-left: 0;
	display: flex;
}
.fcl-link li{
	list-style: none;
}
.fcl-link li a{
	color: #fff;
}
@media screen and (max-width: 575px){
	.footer-copy-link{
		flex-direction: column;
	}
	.fcl-copy{
		margin-bottom: 0;
		order: 2;
	}
	.fcl-link{
		order: 1;
		margin-bottom: 1rem;
	}
}
@media screen and (min-width: 576px){
	.footer-copy-link{
		justify-content: space-between;
	}
}
@media screen and (max-width: 1399px){
	.footer-logo-sns{
		margin-bottom: 3.2rem;
	}
	.fcl-link li:not(:last-of-type){
		padding-right: 1.6rem;
	}
}
@media screen and (min-width: 1400px){
	.footer-logo-sns{
		margin-bottom: 4.8rem;
	}
	.fcl-link li{
		font-size: 1.4rem;
	}
	.fcl-link li:not(:last-of-type){
		padding-right: 3.2rem;
	}
}
/* Footer
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 575px){
	.footer-menu{
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		background-color: #000;
		width: 100%;
		border-top: 1px #444 solid;
	}
	.footer-menu-btn{
		width: calc(100% / 3);
	}
	.footer-menu-btn:not(:last-of-type){
		border-right: 1px #444 solid;
	}
	.footer-menu-btn a{
		display: flex;
		color: #fff;
		text-decoration: none;
		padding: 1rem;
		font-size: 1.2rem;
		line-height: 1.4;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		height: 100%;
	}
	.footer-menu-btn a span{
		font-size: 1rem;
		display: block;
		width: 100%;
	}
}
@media screen and (min-width: 576px){
	.footer-menu{
		display: none;
	}
}