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

.foot_area{	background-color: #00775d; padding: 80px 0px 20px 0px;}
.foot_main{ max-width: 1736px; padding: 0 100px; margin: auto; overflow: hidden; display: flex;flex-direction: row-reverse; align-items: center;  justify-content: center;}

/****/
.foot_info{ display: flex; flex-flow: wrap; align-items: center; width: 700px;}
.foot_info .logo{ width: 180px; text-align: center;}
.foot_info .all { width: calc(100% - 220px); margin: 0 0 0 40px;}

.foot_smo_area{ display: flex; flex-flow: wrap; align-items: center; max-width: 350px; width: 100%; padding: 0 0 0 40px; margin-bottom: 15px;}
.smo_title{ color: #fcfcfc; font-size: 24px;}
.smo_fb, .smo_line, .smo_youtube{ margin: 0px 15px; line-height: 1;}
.bi-facebook::before, .bi-line::before, .bi-youtube::before{ font-size: 30px; color: #fcfcfc;}
.foot_smo_area .bi{ transition: all 0.4s ease-out 0s;}
.foot_smo_area .bi:hover { opacity: 0.5;}

.foot_add_area{ color: #fcfcfc; font-size: 17px; font-weight: 400;max-width: 350px; width: 100%; }
.foot_add_area a{ color: #fcfcfc;}
.foot_add_area a:hover, .foot_area_area a:focus{ color: #b9b8b7; text-decoration: none;}

.foot_add_area .fa{ color: #c47b2e; width: 35px; text-align: center;}
.fa-phone:before, .fa-fax:before, .fa-envelope-o:before{ font-size: 20px;}
.fa-map-marker:before{font-size: 24px;}

.foot_add_area .tel_fax { display: flex; flex-flow: wrap; align-items: first baseline;}
.foot_add_area .tel_fax div:nth-child(1) { margin-right: 10px;}
.foot_add_area .tel_fax a{ color: #fcfcfc;}
.foot_add_area .a_noline { pointer-events: none; cursor: text;}
.foot_add_area .e-mail{ display: flex; flex-flow: row; align-items: first baseline; margin: 5px 0px;}
.foot_add_area .e-mail a{color: #fcfcfc;}
.foot_add_area .e-mail a:hover, .foot_add_area .e-mail a:focus {color: #b9b8b7; text-decoration: none;}

.foot_add_area .add{ display: flex; flex-flow: row; align-items: first baseline; line-height: 24px; display: flex;}


/****/
.foot_icon_list{ display: flex; align-items: flex-start; flex-flow: row;}
.foot_icon_list ul{ padding: 0px; margin:0px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.foot_icon_list ul li{ list-style: none; padding: 0px 4vw 0px 0px;}
.foot_icon_list ul li a{ display: block; font-size: 22px; color: #fcfcfc;}
.foot_icon_list ul li a:hover, .foot_icon_list ul li a:focus{ color: #d57514; text-decoration: none; transition: 0.3s ease-in-out;}

.foot_icon_list ul li ul.foot_submenu{ margin: 0px;}
.foot_icon_list ul li ul.foot_submenu li{ padding: 0px;}
.foot_icon_list ul li ul.foot_submenu li a{color: #52d0b4; font-size: 17px; font-weight: 400; padding: 3px 0px;}
.foot_icon_list ul li ul.foot_submenu li a:hover, .foot_icon_list ul li ul.foot_submenu li a:focus{ color: #00ffc6;}

.copyright{ font-size: 17px; color: #9ed9cc; text-align: center; margin:5% auto 0px auto; }


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

@media all and (max-width: 1536px) {
	.foot_main{ padding: 0 50px;}
}
@media all and (max-width: 1366px) {
	.foot_main { flex-flow: column;}
	.foot_info { margin-top: 40px; width: 100%; justify-content: center;}
	.foot_info .all { width: auto;  margin: 0 20px;}
	.foot_smo_area { max-width: 100%;}
	.foot_add_area { max-width: 100%;}
	.foot_icon_list ul li ul.foot_submenu li a{ padding: 0px;}
}
@media all and (max-width: 1024px) {
	.foot_area{ padding: 50px 0px 20px 0px;}
	.foot_main {flex-direction: column;}
}
@media all and (max-width: 991px) {
	.a_noline { pointer-events: initial;}
	.foot_main{ padding: 0 20px;}
	.foot_info .all { width: calc(100% - 220px);}
}
@media all and (max-width: 662px) {
	.foot_icon_list ul li ul.foot_submenu{ display: none;}
	.foot_icon_list{ align-items: center; flex-direction: column; width: 100%;}	
	.foot_icon_list ul{ align-items: center; flex-direction: column;  width: 100%;}
	.foot_icon_list ul li{ padding: 0px; text-align: center; width: 90%; border-bottom: 1px solid #577f76;}
	.foot_icon_list ul li a{ font-size: 18px;}
	.foot_area { padding: 20px 0px;}
	.foot_smo_area { justify-content: center; padding: 0;}
	.foot_info{ flex-flow: column; width: 100%; margin-top: 30px;}
	.foot_info .logo{ margin: 0px auto 30px auto;}
	.foot_info .all { width: 100%; max-width: 350px;}
}
@media all and (max-width: 540px) { 
	.foot_add_area, .copyright{font-size: 90%; line-height: 24px;}
	.copyright span{ display: block;}

}
@media all and (max-width: 414px) {
	.foot_info .logo div:nth-child(1) img{ height: 85px; margin-bottom: 10px;}
	.foot_add_area .tel_fax div:nth-child(1) {margin-right: 0px;}		
}

@media all and (max-width: 320px) {
	.smo_title { font-size: 18px;}
	.foot_add_area .fa { width: 25px; margin-right: 10px;}
}