/* footerStyle.css */

#ft{background: #E2E2E0; color: #333; border-top:1px solid #ACACAC} 
#ft_wr{width:100%; max-width: 1700px; padding: 40px 0px; overflow: hidden;}
#ft_sns{width: 65%;}
#ft_sns ul{float: right; overflow: hidden;}
#ft_sns ul li{float: left; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; margin-left: 15px;}
#ft_sns ul li a{width: 100%; height: 100%; background: url(../../img/common/ft_sns1.png); background-size: 100% auto; }
#ft_sns ul li.ft_sns2 a{background-image: url(../../img/common/ft_sns2.png);}
#ft_sns ul li.ft_sns3 a{background-image: url(../../img/common/ft_sns3.png);}
#ft_sns ul li.ft_sns4 a{background-image: url(../../img/common/ft_sns4.png);}
#ft_contact{text-align: right; margin-top: 10px;}
#ft_contact strong{font-size: 36px; font-weight: 600; line-height: 50px;}
#ft_link{width: 30%; height: 20px;margin-bottom: 30px;}
#ft_link > a{display: inline-block; height: 100%; line-height: 20px; font-size: 14px;}
/*#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 15px; float: right; margin-right: 10px; margin-top: 3px;}*/
#ft_link > a.ft_link3::after{display: none;}
#ft_company{display:flex;     align-items: center;     justify-content: space-between;}
#ft_company ul{overflow: hidden; display:flex; align-items: center; flex-wrap: wrap;}
#ft_company li{float: left; line-height: 20px; font-size: 14px;}
#ft_company li a{display: inline-block; color: #333;}
#ft_company li::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_company li.ft_company3 { margin-right:20px}
#ft_company li.ft_company3:after {display:none;}
#ft_company li:last-child:after {display:none}


#ft_company li.ft_company6 a{display: inline-block;}
#ft_copy{width: 70%; font-size: 14px; color: #ababab;}


#ft_contact p {text-align:right}
#ft_contact p a{border:1px solid #fff; font-size:14px; text-align:center; padding:10px 45px; display:block; ; background:url('../../img/down.png') no-repeat; background-position:right }


@media screen and (max-width:1740px){
#ft_wr{padding: 40px 20px; }
}

@media screen and (max-width:1199px){
	#ft_company ul{width: 100%;}
	#ft_company ul li.ft_company4{margin-bottom: 10px;}
	#ft_company {    flex-direction: column-reverse;}
/*	#ft_company ul {    flex-direction: column;}*/
	/*#ft_company ul li {margin-bottom:10px}	*/
	#ft_company ul li.ft_company1  {margin-bottom:0px}	
    #ft{width: 100%;}
    #ft_wr{width: 100%; padding: 40px 20px;} 
    /*#ft_sns,
    #ft_contact,
    #ft_link,
    #ft_company,
    #ft_copy{overflow: hidden; width: 100%;}  */
    #ft_contact{float: none;}
    #ft_sns ul{float: none; width: 264px; margin: 0 auto;}
    #ft_sns ul li{margin: 0; width: 25%;}
    #ft_sns ul li a{background-size: 40px auto; background-position: center; background-repeat: no-repeat;}
    #ft_contact{margin-top: 20px; padding-bottom:20px;}
    #ft_link{width: 50%; min-width: 380px; margin: 20px auto 0;}
    #ft_copy{margin-top: 0;}
    #ft_company{width: 100%;}
    #ft_company li{float: none; display: inline-block;}  
    #ft_company li.ft_company2::after, #ft_company li.ft_company3::after{display: none;} 
    /* #ft_copy span{display: block;} */
    #ft_company li.ft_company3{display: block; width: 100%; margin: 5px 0;}
    #ft_contact strong{font-size: 36px; line-height: 50px;}
    #ft_contact p{font-size:14px;}
	#ft_link, #ft_copy{ width: 100%;} 
}

@media screen and (max-width:480px){
    /* #ft_company{padding: 0 20px;} */
    #ft_company li::after{display: none;} 
    #ft_company li.ft_company6{display: block;}
    #ft_company li.ft_company1::after, #ft_company li.ft_company4::after{display: block;}
    #ft_link{min-width: inherit; width: 100%;}
    #ft_link > a{font-size: 12px;}
    #ft_company li{font-size: 12px;}
    #ft_copy{font-size:12px;}
    #ft_contact{ padding: 0px 20px 20px;}
    #ft_contact strong{font-size: 30px; line-height: 40px;}
    #ft_contact p{font-size:12px; line-height: 1.5;}
}
@media screen and (max-width: 430px){
    #ft_company li.ft_company4{display: block;}
    #ft_company li.ft_company4::after{display: none;}
}