/*
@function fz( $baseSize, $newSize ) {
	@return floor(percentage( $newSize / $baseSize ));
}
*/
.u-activity-lead [data-fixed] > *:first-child, .u-activity-box [data-fixed] > *:first-child {
	margin-top : 0 !important;
}

.u-activity-lead {
	padding : 30px 0 50px;
	background-color : #fff;
	position : relative;
}
@media screen and (min-width: 768px) {
	.u-activity-lead {
		padding : 30px 0 100px;
	}
}
.u-activity-lead [data-fixed] {
	padding : 0 15px;
}
@media screen and (min-width: 768px) {
	.u-activity-lead [data-fixed] {
		padding : 0;
	}
}
.u-activity-lead:before {
	content : '';
	position : absolute;
	bottom : -32px;
	left : 0;
	right : 0;
	width : 100vw;
	height : 77px;
	background : url(../../images/bg_town_sp.png) bottom center no-repeat transparent;
	background-size : 602px auto;
}
@media screen and (min-width: 768px) {
	.u-activity-lead:before {
		content : '';
		position : absolute;
		bottom : -66px;
		right : auto;
		left : 50%;
		margin-left : -1000px;
		width : 2000px;
		height : 184px;
		background : url(../../images/bg_town_pc.png) bottom center no-repeat transparent;
		background-size : 1996px auto;
	}
}
.u-activity-lead .lead-txt {
	margin-top : 20px;
	margin-bottom : 20px;
	font-size : 22.4px;
	font-size : 1.4rem;
	font-style : italic;
	text-align : center;
}
@media screen and (min-width: 768px) {
	.u-activity-lead .lead-txt {
		margin-top : 100px;
		margin-bottom : 50px;
		font-size : 1.8rem;
		line-height : 2.5;
	}
}

.u-activity-box {
	padding : 42px 0 30px;
	background-color : #f5f5f1;
}
@media screen and (min-width: 768px) {
	.u-activity-box {
		padding : 66px 0;
	}
}
.u-activity-box [data-fixed] {
	padding : 0 15px;
}
@media screen and (min-width: 768px) {
	.u-activity-box [data-fixed] {
		padding : 0;
	}
}

#l-footer {
	margin-top : 0;
}
#l-footer .footer-pagetop {
	background-color : #f5f5f1;
}
#l-footer .footer-pagetop:before {
	content : '';
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	width : 100vw;
	height : 100%;
	background : url(../../images/bg_pagetop_sp.png) bottom center no-repeat #f5f5f1;
	background-size : 808px auto;
}
@media screen and (min-width: 768px) {
	#l-footer .footer-pagetop:before {
		content : '';
		position : absolute;
		bottom : 0;
		right : auto;
		left : 50%;
		margin-left : -1000px;
		width : 2000px;
		height : 126px;
		background : url(../../images/bg_pagetop_pc.png) bottom center no-repeat #f5f5f1;
		background-size : 1564px auto;
	}
}