/*+++++++++++++++++
footer
+++++++++++++++++*/
#pagetop {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 20px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 1;
	background: var(--black);
	transition: .3s;
	transform: scale(1);
}
#pagetop i {
	font-style:normal;
}

#pagetop i:before {
	color: var(--white);
}

footer {
	padding: 60px 0 20px;
	background: var(--darkgray);
	width: var(--flex-100);
	position: relative;
}
.footer-swiper {
	overflow: hidden;
	background: var(--opa-black05);
	padding: 30px 30px 80px;
	box-sizing: border-box;
	margin: 0 auto 0;
	width: var(--flex-100);
	position: relative;
}
.footer-swiper .swiper-slide {
	text-align:left;
	display:block;
}
.footer-swiper .swiper-slide a {
	display: block;	
}
.footer-swiper .swiper-pagination {top: 2.4rem;right: 2rem;left: inherit !important;height: auto;bottom: inherit !important;width: auto !important;}
.footer-swiper .swiper-pagination span{
	width: 8px;
	height: 8px;
	border-radius: 100px;
	outline: none;
	background: var(--opa-black05);
}
.footer-swiper .swiper-pagination span.swiper-pagination-bullet-active {
	background: var(--white);
}

footer .grid {
	grid-template-columns: 1fr;
	gap: 2%;
	justify-content: space-between;
	flex-direction: row;
	order: 2;
}

footer .flogo {opacity: 0.3;display: block;width: 360px;}
.fmenu {
	display: block;
}
.fmenu a {
	display: block;
	align-items: center;
	/* gap: var(--gap-50); */
	margin: 0;
}
.fmenu dt {
	display: block;
	gap:20px;
	align-items: center;
}
.fmenu dd a {
	display: block;
	line-height: var(--lh-md);
}
footer .fbottom {
	padding: 0 0 40px;
	border-bottom: 1px solid var(--opa-white02);
	flex-wrap: wrap;
}
.footer-swiper .swiper-wrapper {
	position: relative;
}

.copyright {
	color: var(--opa-white05);
}

@media screen and (min-width: 767px) {
/*+++++++++++++++++
footer
+++++++++++++++++*/
footer .grid {
    align-items: flex-start;
}

.fmenu dd a {
	display: block;
	line-height: var(--lh-md);
}

.copyright {
	color: var(--opa-white05);
}
}

@media screen and (min-width: 1024px) {
/*+++++++++++++++++
footer
+++++++++++++++++*/

footer {
	padding: 100px 0 50px;
}
.footer-swiper {
	padding: 30px 30px 40px;
	order: 1;
}

footer .grid {
	grid-template-columns: 60% 40%;
	flex-direction: row;
	align-items: flex-start;
}
footer .fleft {
	margin: 0;
}	
footer .flogo {width: 100%;}
.fmenu dt {
	border-block-end-width: flex;
	display: flex;
	margin: 0;
}
.fmenu a {
	margin: 0;
	line-height: var(--lh-sm);
}
footer .fbottom {gap: 20px;border: none;}

.copyright {
	color: var(--opa-white05);
}
}

@media screen and (min-width: 1200px) {
/*+++++++++++++++++
footer
+++++++++++++++++*/
#pagetop {
	transition: .3s;
	width: 80px;
	height: 80px;
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	margin: 20px 30px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: var(--black);
	transition: .3s;
	transform: scale(1);
}
#pagetop i {
	font-style:normal;
}
#pagetop:hover {
	background:var(--black);
	transition: .3s;
	transform: scale(1.2);
}
#pagetop i:before {
	color: var(--white);
}
#pagetop:hover i:before {
	color:var(--white);
}


.footer-swiper {
	padding: 30px 50px 40px;
}

footer .grid {
	grid-template-columns: 55% 45%;
	gap: 2%;
	justify-content: space-between;
}

.fmenu dd a {
	display: block;
	line-height: var(--lh-md);
}

.copyright {
	color: var(--opa-white05);
}
}