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

.foot_area{	}
.foot_contact_area{ background: url("../images/foot_contact_bg.png") no-repeat 50% 65% #000; min-height: 240px; }
.foot_contact_text{ max-width: 1170px; width: 80%; margin: auto; padding: 3% 0; text-shadow: 0px 0px 5px #000;  }
.foot_contact_text span{ display: block; font-family: var(----title_font); font-style: italic; color: #fff; letter-spacing: 2px;}
.foot_contact_text span.text_small{ font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 24px;} 
.foot_contact_text span.text_big{ font-size: 60px; font-weight: 600; line-height: 60px;}
.foot_contact_text span.text_big img{ width: 190px;}

/****/
.foot_main{ background: #2e2e2e; border-top: 3px solid #fff; padding: 2% 0px;}

/****/
.foot_icon_list{ margin: auto; max-width: 870px; width: 100%;}
.foot_icon_list ul{ padding: 0px; margin: 0px; display: flex; justify-content: space-between;}
.foot_icon_list ul li{ list-style: none; padding: 0px;}
.foot_icon_list ul li a{ display: block; color: #fff; padding: 0px 15px; text-align: center;}
.foot_icon_list ul li a:hover, .foot_icon_list ul li a:focus{ color: var(--green); text-decoration: none; transition: 0.3s ease-in-out;}

/****/
.foot_info{ display: flex; align-items: center; justify-content: center; max-width: 720px; width: 96%; margin: 3% auto;}
.foot_info .logo{ text-align: center; }
.foot_area_info{ color: #fff; font-weight: bold; font-style: italic; margin-left: 20px;}
.foot_area_info a{ color: #fff;}
.foot_area_info a:hover, .foot_area_info a:focus{ color: var(--green); text-decoration: none;}
.foot_area_info .bi{ color: var(--green); padding-right: 5px;}
.info_time span{ font-size: 90%;}
.tel_fax{ margin: 10px 0px;}

.a_noline {	pointer-events: none; cursor: text;}
.copyright{  color: #b9b8b7; text-align: center; margin: auto auto 10px; auto; }


/******************/

@media all and (max-width: 1536px) {
	
}
@media all and (max-width: 1366px) {
	
}
@media all and (max-width: 1024px) {	
	.foot_icon_list ul li a{ padding: 0px 15px;}
	.foot_icon_list{ width: 100%;}
}
@media all and (max-width: 991px) {
	.a_noline { pointer-events: initial;}
	.foot_icon_list ul{ justify-content: center; flex-wrap: wrap;}
	.foot_icon_list ul li{ width: 50%;}
	.foot_icon_list ul li a{ padding:3px 0px; border-bottom: 1px solid #202020; font-size: 90%;}
	
	.foot_contact_area{min-height: 170px; background-position: 45% 60%;}
	.foot_contact_text span.text_small{font-size: 20px;}
	.foot_contact_text span.text_big{font-size: 48px;}
	.foot_icon_list{ max-width: inherit;}
	
}

@media all and (max-width: 768px) {
	.foot_contact_area { background-position: 55% 60%;}
}
@media all and (max-width: 712px) {
	.foot_contact_area { background-position: 60% 60%;}
	.foot_contact_text span.text_small { font-size: 18px; margin-bottom: 5px;}
	.foot_contact_text span.text_big { font-size: 32px;}
}
@media all and (max-width: 540px) {
	.foot_info{ flex-direction: column;}
	.foot_info .logo{ padding-bottom: 15px;}
	.info_time span{ display: block; padding-left: 20px;}
	.foot_contact_text span.text_big{ line-height: inherit;}
	.foot_contact_text span.text_small{margin-bottom: 15px;}
	.foot_info, .copyright{font-size: 90%; line-height: 24px;}		
}

@media all and (max-width: 390px) {
	 .foot_icon_list ul li { width: 100%;}
	.foot_contact_text span.text_small{ font-size: 17px;}
}
@media all and (max-width: 344px) {
	.foot_contact_area { background-position: 65% 60%;}
}

@media all and (max-width: 320px) {
	.foot_contact_area { background-position: 66% 60%; }
}
@media all and (max-width: 280px) {	
	.foot_info, .copyright{line-height: 20px;}
}