@charset "utf-8";
footer{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : url(../../images/common/footer_back.jpg)bottom / cover no-repeat;
}
footer .closing-area {
	top : -115px;
}
/*****  *****/
.footer_inner{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	margin : -50px auto 50px;
	border-radius : 25px;
	background-color : #FFFFFFCC;
	padding : 45px;
}
.footer_inner .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
/***** footer-info *****/
.footer-info{
	position : relative;
	display : block;
	width : 300px;
	height : auto;
}
.footer-info h2{
	position : relative;
	display : block;
	width : 230px;
	height : auto;
	text-align : center;
	line-height : 1;
	font-size : 25px;
	font-weight : 500;
	margin-bottom : 15px;
}
.footer-info h2 span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 15px;
	margin-bottom : 5px;
}
.footer-info h2 img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.footer-info .data{
	
}
.footer-info p{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	text-align : justify;
	font-size : 14px;
}
.footer-info a{
	position : absolute;
	display : block;
	width : 21px;
	height : 21px;
	top : 8px;
	right : -25px;
	bottom : 0;
	left : auto;
	margin : auto auto;
}
.footer-info img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	transition : 0.8s;
}
.footer-info img:hover {
	transform : translate(0, -3px);
	transition : 0.8s;
}
/***** footer-menu-area *****/
.footer-menu-area{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : calc(100% - 300px);
	height : auto;
	padding-top : 30px;
}
.footer-menu-area > .menu{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
}
.footer-menu-area > .menu > li{
	margin-bottom : 30px;
}
.footer-menu-area > .menu > li:last-child{
	margin-bottom : 0;
}
.footer-menu-area > .menu > li > a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1;
	font-size : 14px;
	font-weight : 500;
	margin-bottom : 5px;
}
.footer-menu-area > .menu > li .sub-menu{

}
.footer-menu-area > .menu > li .sub-menu li{
	margin-bottom : 5px;
}
.footer-menu-area > .menu > li .sub-menu li:last-child{
	margin-bottom : 0;
}
.footer-menu-area > .menu > li .sub-menu a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1;
	font-size : 12px;
	padding-left : 1em;
}
.footer-menu-area > .menu > li .sub-menu a::before{
	content : "-";
	position : absolute;
	display : block;
	left :0;
}
/***** footer-bottom *****/
.footer-bottom{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-top : 15px;
}
.footer-bottom .flex{
	position : relative;
	display : grid;
	grid-template-columns : repeat(2 , 1fr);
	align-items : center;
	gap : 30px;
}
.footer-bottom .flex a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.footer-bottom .flex a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.footer-bottom .flex a:nth-of-type(2){
	display : grid;
	grid-template-columns : fit-content(300px) 1fr;
	align-items : center;
}
.footer-bottom .flex a:nth-of-type(2) p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 15px;
	font-weight : bold;
}
.footer-bottom .flex a:nth-of-type(2) p span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 13px;
	font-weight : normal;
}
.footer-bottom .flex a:nth-of-type(2) figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.footer-bottom .flex a:nth-of-type(2) figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}

.bottom-slider{
	display : none;
}
.footer_inner .copyright{
	display : none;
}

.copyright{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	border-radius : 10px 10px 0 0;
	background-color : #FFFFFFCC;
	line-height : 1;
	font-size : 12px;
	padding : 10px 50px;
	margin : 0 0 0 auto;
	right : 50px;
}






/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1400px
# ================================================================= */
@media screen and (max-width: 1400px){
footer{
	padding : 0 30px;
}
.footer_inner{
	width : 100%;
}
.copyright{
	right : 0;
}
}/*** 1400px ***/
/* # =================================================================
#### 1240px
# ================================================================= */
@media screen and (max-width: 1240px){
footer{
	padding-bottom : 160px;
}
.footer_inner{
	padding : 30px;
	margin-bottom : 0;
}
.bottom-slider{
	display : block;
	width : 300px;
	background-color : #FFF;
	padding : 10px;
	margin : 30px auto;
}
.bottom-slider .metaslider .slides img{
	border-radius : 0;
}
.footer_inner .copyright{
	display : block;
	width : 100%;
	border-radius : 0;
	background-color : transparent;
	text-align : center;
	padding : 0;
}
.copyright{
	display : none;
}





}/*** 1240px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
footer{
	padding-top : 50px;
}
footer .closing-area{
	margin-top : 0;
	top : 0;
}
.footer_inner{
	margin : 50px auto;
}
.footer-menu-area{
	display : none;
}
.footer-info{
	margin : 0 auto;
}
.footer-bottom .flex{
	display : block;
}
.footer-bottom .flex a{
	width : 300px;
	margin : 0 auto;
}
.footer-bottom .flex a:first-child{
	margin-bottom : 15px;
}
.footer-bottom .flex a:nth-of-type(2){
	display : block;
}

.footer-bottom .flex a:nth-of-type(2) figure{
	width : 250px;
	margin : 0 auto;
}
.bottom-slider{
	margin : 15px auto;
}









}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){

}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){
footer{
	padding : 30px 20px 90px;
}
.footer_inner{
	padding : 15px;
	margin : 30px auto;
}
.footer-info{
	width : 100%;
}
.footer-info h2{
	width : 100%;
	font-size : 20px;
}
.footer-info h2 span{
	font-size : 12px;
}
.footer-info h2 img{
	width : 200px;
	margin : 0 auto 10px;
}
.footer-bottom .flex a{
	width : 100%;
	margin-bottom : 10px;
}
.bottom-slider{
	width : 100%;
}









}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/