@charset "UTF-8";
/* CSS Document */

/* -------------------

フッターエリア

 ---------------------*/
.footer__gototop{
	position: absolute;
	top:30px;
	right: 80px;
}
.footer__new{
	position: relative;
	z-index: 9000;
	font-family: 'M PLUS 1p', sans-serif!important;
}
.footer__container--top{
	border-top: 1px solid #EFEFEF;
	padding: 42px 0;
	background: #ffffff;
}
.footer__container--top-row{
	width: 212px;
	margin:0 auto;
}
.footer__container--top-col{}

.footer__container--bottom{
	background-color: #2B2F36;
	color: #fcfcfc;
	padding-bottom: 50px;
	padding-top: 100px;
}
.footer__container--bottom a{
	color: #fcfcfc!important;
	text-decoration: none!important;
}
.footer__container--bottom-row{}
.footer__container--bottom-col{}

.footer__container--bottom-ul-1{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	font-size: 1.6rem;
	justify-content: center;
	padding-bottom: 24px;
}
.footer__container--bottom-li-1{
	padding: 0 24px;
	border-right: 1px solid #1C2027;
	border-left: 1px solid #52565E;
	transform: rotate(0.05deg);
}
.footer__container--bottom-li-1:first-child{
	border-left: none;
	transform: rotate(0.05deg);
}
.footer__container--bottom-li-1:last-child{
	border-right: none;
	transform: rotate(0.05deg);
}
.footer__container--bottom-ul-2{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	font-size: 1.2rem;
	justify-content: center;
	padding-bottom: 58px;
}
.footer__container--bottom-li-2{
	padding: 0 20px;
	border-right: 1px solid #1C2027;
	border-left: 1px solid #52565E;
	transform: rotate(0.05deg);
}
.footer__container--bottom-li-2:first-child{
	border-left: none;
}
.footer__container--bottom-li-2:last-child{
	border-right: none;
}
.footer__copyright{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 1rem;
	padding: 0 20px;
}
@media(max-width: 768px){
	.footer__container--top{
		padding: 42px 0;
	}
	.footer__container--top-col{
		padding-bottom: 70px;
	}
	.footer__gototop{
		position: absolute;
		top:102px;
		right: calc(50% - 72px);
	}
	.footer__container--bottom-ul-1{
		flex-direction: column;
		padding-bottom: 32px;
		width: 240px;
		margin:0 auto;
	}
	.footer__container--bottom-li-1{
		padding: 5px 0;
		border:none;
	}
	.footer__container--bottom-ul-2{
		flex-direction: column;
		font-size: 1.2rem;
		width: 240px;
		margin:0 auto;
	}
	.footer__container--bottom-li-2{
		padding: 3px 0;
		border: none;
		color: #6B6D72!important;
	}
	.footer__container--bottom-li-2 a{
		color: #6B6D72!important;
	}
}