@charset "utf-8";

#footer{ position: relative; }
#footer .menu_foot{ padding-top: 60px; padding-bottom: 60px; }

#footer .menu_foot{background-color: #f4f4f4;}
#footer .menu_foot > .inr-c-s{display:flex;flex-wrap: wrap;}
#footer .menu_foot .logo{}
#footer .menu_foot .menu_dp1{margin-left:6%;}
#footer .menu_foot .menu_cust{margin-left:10%;}
#footer .menu_foot .mn{border-left:1px #ddd solid; padding-left:30px; font-size:14px;}
#footer .menu_foot .mn dt{ font-weight:600; font-size:16px; margin-bottom:18px;}
#footer .menu_foot .mn dd{ margin-top:10px }
#footer .menu_foot .mn dd:first-child{margin-top:0;}
#footer .menu_foot .area_rgh{margin-left:auto;display:flex;justify-content: flex-end;align-items: flex-start;flex-wrap: wrap;}
#footer .menu_foot{}
#footer .info_foot{padding:45px 0; background-color: #333; color:#848484}
#footer .f_menu{ display: flex; margin-left: -10px; margin-left: -45px; }
#footer .f_menu li{ margin-top: 10px; margin-left: 45px; }
#footer .f_menu li a{color:#848484; font-size: 16px; line-height: 1; font-weight: 600;}
#footer .f_menu li a strong{color:#fff}
#footer .address{ font-size: 13px; margin-top: 25px;}
#footer .address span{ display: block; margin-top: 5px; }
@media (hover: hover) {
	#footer .menu_foot .mn dd a:hover{ color: #556fb2; }
	#footer .f_menu li a:hover{ color: #ebebeb; }
}
#footer .gic {width: 270px;background: #fff;padding: 10px;border-radius: 10px;display: flex;margin: 25px 25px 0;}
#footer .gic img {width: 100%;}



.footer-sns{display: flex;margin-top: 5px;}
.footer-sns li a{margin-left: 8px;width: 35px;height: 35px;border-radius: 50%;background-color: transparent;border: 1px #d4d4d4 solid;display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0;}
.footer-sns li a:hover{background-color: #ebebeb;}
.footer-sns li.footer-newroom a{width:auto;border-radius:50px;font-size:13px;padding: 0 26px;color: #6b6b6b;}
.footer-sns li.footer-newroom a img{width: 50px;}
#footer .menu_foot .area_rgh{ position:relative;}
#footer .menu_foot .area_rgh .select{ margin-left:28px; }
#footer .san{width: 510px;position:absolute;left:10px;top: 84px;line-height: 1.4;}
#footer .san p{display: inline-flex;align-items: center; color:#6b6b6b;}
#footer .san p i{margin-right:15px;}
#footer .san p i img{width: 48px;}

@media screen and (max-width: 1180px){
	.footer-sns li.footer-newroom a img{width: 12vw;}
	#footer .san{width: 100%;position:relative;left:0;top: 0;line-height: 1.4; margin-top:7vw; font-size:4vw;}
	#footer .san p{display: inline-flex;align-items: center; color:#6b6b6b;}
	#footer .san p i{margin-right:4vw;}
	#footer .san p i img{width: 15vw;}
}


#footer .group_select { width: 220px; position: relative; text-align: left; }
#footer .group_select > a {display: flex;align-items: center;justify-content: space-between;width: 100%;height: 47px;padding: 0 18px;font-size: 16px;color: #222;background-color: transparent;box-sizing: border-box;border: 1px #ddd solid;}
#footer .group_select > a:after { content: ''; width: 7px; height: 7px; border-top: 1px solid #878787; border-right: 1px solid #878787;transform: rotate(135deg);    margin-top: -5px; }
#footer .group_select > ul { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; z-index: 112; overflow-y: auto; height: 0; border: 1px solid #ccc; padding: 18px; visibility: hidden; box-sizing: border-box; }
#footer .group_select > ul > li + li { margin-top: 30px; }
#footer .group_select > ul > li .sector { font-size: 1em; color: #005c9c; margin-bottom: 10px; font-weight: 600; }
#footer .group_select > ul > li a { font-size: 0.88em; color: #333; }
#footer .group_select > ul > li > ul > li + li { margin-top: 5px; }
#footer .group_select.active > a:after {  transform: rotate(-45deg); margin-top: 5px;}
#footer .group_select.active > ul { visibility: visible; height: 40vh; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }

@media screen and (max-width: 1180px){
	#footer .menu_foot > .inr-c-s{ display:flex; }
	#footer .menu_foot .logo{ width:100%; margin-bottom:30px; }	
	#footer .menu_foot .menu_dp1{ border:0; margin:0; padding:0; }
}



@media screen and (max-width: 840px){

	#footer .menu_foot{ padding-top: 12vw; padding-bottom: 12vw; }
	#footer .menu_foot > .inr-c-s{display:flex;flex-wrap: wrap;}
	#footer .menu_foot .logo{ margin-bottom:8vw; }	
	
	#footer .menu_foot .menu_cust{margin-left: 0;border: 0;}
	#footer .menu_foot .mn{width:50%;padding-left: 0;font-size: 4vw;box-sizing: border-box;}
	#footer .menu_foot .mn dt{font-weight:600;font-size: 5vw;margin-bottom: 5vw;}
	#footer .menu_foot .mn dd{margin-top: 2vw;}
	#footer .menu_foot .mn dd:first-child{margin-top:0;}
	#footer .menu_foot .area_rgh{margin-left:auto;display:flex;justify-content: flex-end;align-items: flex-start;flex-wrap: wrap;margin-top: 7vw;}
	#footer .menu_foot{}
	#footer .info_foot{padding:45px 0; background-color: #333; color:#848484}
	#footer .f_menu{display: flex;margin-left: -10px;margin-left: -10vw;flex-wrap: wrap;}
	#footer .f_menu li{ margin-top: 10px; margin-left: 45px; }
	#footer .f_menu li a{color:#848484; font-size: 16px; line-height: 1; font-weight: 600;}
	#footer .f_menu li a strong{color:#fff}
	#footer .address{ font-size: 13px; margin-top: 25px;}
	#footer .address span{ display: block; margin-top: 5px; }


	.footer-sns{display: flex;margin-top: 5vw;align-items: center;width: 100%;}
	.footer-sns li a{margin-left: 2vw;width: 12vw;height: 12vw;}
	.footer-sns li a:hover{background-color: transparent;}
	.footer-sns li.footer-newroom a{width:auto;border-radius: 50vw;font-size: 0;padding: 0 6vw;}
	.footer-sns li.footer-newroom a:first-child{ margin-left:0; }
	#footer .menu_foot .area_rgh .select{margin-left: 0;margin-top: 5vw;width: 100%;}




	#footer .group_select {width: 100%;position: relative;text-align: left;}
	#footer .group_select > a {width: 100%;height: 13vw;padding: 0 6vw;font-size: 4vw;}
	#footer .group_select > a:after {content: '';width: 3vw;height: 3vw;margin-top: 1.5vw;}
	#footer .group_select > ul {padding: 5vw;}
	#footer .group_select > ul > li + li { margin-top: 30px; }
	#footer .group_select > ul > li .sector {font-size: 5vw;margin-bottom: 3vw;font-weight: 600;}
	#footer .group_select > ul > li a {font-size: 4vw;color: #333;}
	#footer .group_select > ul > li > ul > li + li { margin-top: 2vw; }
	#footer .group_select.active > ul { visibility: visible; height: 50vh; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }
	
	
}