/* footerStyle.css */

#ft{background: #fff; color: #000; margin: 80px 0 0px 0;} 
#ft a, #ft_copy{color: #666;}
#ft_wr{width: 100%; padding:40px 20px 30px 20px; overflow: hidden; background: #f1f1f1;}
#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{width: 40%; 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-top: -40px; margin-bottom: 30px;}
#ft_link > a{float: left; height: 100%; line-height: 20px; font-size: 14px;}
#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_link > a.ft_link3::after{display: none;}
#ft_company{ float: left; width: 70%; margin: 0px; padding: 0 50px 0 0; text-align: left; line-height: 25px; font-size: 14px;}
#ft_company ul{overflow: hidden;}
#ft_company li{float: none; line-height: 25px; font-size: 12px; font-weight: 300; letter-spacing: 1px;}
/* #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::after, #ft_company li.ft_company6::after{display: none;}
#ft_company li.ft_company6 a{display: inline-block;}
#ft_copy{width: 70%; font-size: 14px; margin-top: -25px;}

.ft_login { margin: 0 0 30px 0; padding: 0; text-align: left; }
.ft_login a { font-size: 12px; font-weight: 400; color: #004f8b; display: inline-block; }

#ft_logo { width: 30%; float: left; text-align: center; padding: 70px 0 0 0; }
#ft_logo img { width: 40%; }



.nfooter { width: 100%; position: relative; margin: 200px 0 40px 0; padding: 0; }
.nfooter .ft-con { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; overflow: hidden;}
.nfooter .ft-con .ftl { width: 50%; float: left; text-align: left; vertical-align: top; font-size: 18px;	}
.nfooter .ft-con .ftl .ftl-txt1 { font-size: 80px; color: #231815; font-weight: 800; line-height: 70px; letter-spacing: -6px; }
.ftl-txt2 { line-height: 30px; }
.ftl-txt3 { line-height: 30px; }
.ftl-txt2 strong { color: #231815; font-size: 24px; font-weight: 700; padding: 60px 0 5px 0; display: block;  }
.ftl-txt3 strong { color: #231815; font-size: 24px; font-weight: 700; padding: 40px 0 5px 0; display: block;  }

.nfooter .ft-con .ftr { width: 50%; float: left; text-align: left; vertical-align: top; padding: 0px 0 0 0; }
.nfooter .ft-con .ftr .ftr-txt1 { padding: 45px 0 60px 0; }
.nfooter .ft-con .ftr .ftr-txt1 a { display: inline-block; padding: 0 20px 0 0; margin: 0;	  }
.nfooter .ft-con .ftr .ftr-txt1 a:first-child { padding-right: 28px; }

.nfooter .ft-con .ftr .ftr-txt2 { padding: 0 0 50px 0; }
.nfooter .ft-con .ftr .ftr-txt2 a { display: inline-block;  margin: 0 5px 0 0; font-size: 14px; color: #ffffff; padding: 14px 70px;	border-radius: 30px;  }
.fbtn1 { background: #004f8b; }
.fbtn2 { background: #231815; }

.ftr-txt3 { font-size: 16px; color: #888888; line-height: 30px; }
.ftr-txt3 .ftxt1 { display: inline-block; }
.ftr-txt3 .ftxt2 { display: inline-block; }

.fbar { font-weight: 200; padding: 0 15px; font-size: 13px; }
.rfont { color: #004f8b; }
.bfont { color: #231815; }
.gfont { color: #888888; }



@media screen and (max-width:900px){
	.nfooter .ft-con .ftr .ftr-txt2 a { padding: 14px 40px; }
	.nfooter .ft-con .ftl { padding: 0 20px; }
}

@media screen and (max-width:650px){
	#ft_logo { margin: 0; padding: 0 0 10px 0; }
	.ft_login { margin-bottom: 10px; }
	#ft_logo, #ft_company, .ft_login { width: 100%; float: none; text-align: center; margin-bottom: 20px;}
	#ft_wr{width: 100%; padding:30px 20px 10px 10px !important; }
	#ft_logo img { width: 30%; }

}



@media screen and (max-width:750px){
	/* .nfooter { margin: 100px 0 40px 0; } */
	.nfooter .ft-con .ftl { width: 100%; float: none; padding: 0 15px; }
	.nfooter .ft-con .ftr { width: 100%; float: none; padding: 0 15px; }
	.nfooter .ft-con .ftr .ftr-txt1 { padding: 20px 0; text-align: left;}
	.nfooter .ft-con .ftl { text-align: left; padding: 0px 0 0 15px; }
	.ftr-txt3 { text-align: left; }
	.nfooter .ft-con .ftr {text-align: left; }
	.nfooter .ft-con .ftr .ftr-txt1 a:last-child { padding: 0 0px 0 0; }
	.nfooter .ft-con .ftr .ftr-txt2 a:last-child { margin-right: 0; }
	.nfooter .ft-con .ftr .ftr-txt2 a { margin: 5px 0px;  }
	.fbar { padding: 0 5px; }
}




@media screen and (min-width:1200px){
    #ft_sns{float: right;}
    #ft_sns ul{float: right;}
    #ft_sns ul li{float: left;}
    #ft_contact{float: right;}
    #ft_link{float: left;}
    #ft_copy{float: left;}
}
@media screen and (max-width:1199px){
    #ft{width: 100%;}
    #ft_wr{width: 100%; padding: 40px 0;} 
    #ft_sns,
    #ft_contact,
    #ft_link,
    #ft_company,
    #ft_copy{overflow: hidden; width: 100%;}  
    #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; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #888;}
    #ft_link{text-align: center; width: 313px; margin: 20px auto 0;}
    #ft_company{ text-align: center; margin: 30px auto;}
    #ft_copy{margin-top: 0; text-align: center;}
    #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;}
    #ft_contact strong{font-size: 36px; line-height: 50px;}
    #ft_contact p{font-size:14px;}
}
@media screen and (max-width:650px){
	.nfooter { margin: 50px 0 40px 0; }
	.ftl-txt2  { font-size: 14px; }
	.ftl-txt2 strong { padding: 10px 0 0px 0; font-size: 15px; }
	.ftl-txt3  { font-size: 14px; }
	.ftl-txt3 strong { padding: 10px 0 0px 0; font-size: 15px; }
	.nfooter .ft-con .ftl .ftl-txt1 { font-size: 35px;  line-height: 40px; letter-spacing: 0;}
	.nfooter .ft-con .ftr .ftr-txt2 a { padding: 10px 20px; }
	.ftr-txt3 { font-size: 14px; }
	.nfooter .ft-con .ftr .ftr-txt2 { padding: 0 0 20px 0; }

}
@media screen and (max-width:480px){
    #ft_company{padding: 0 20px; margin: 0;}
    #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{width: 274px; width:294px !ie; }
    #ft_link > a{font-size: 12px;}
    #ft_company li{font-size: 12px;}
    #ft_copy{font-size:12px;}
    #ft_contact{margin-bottom: 30px; padding: 0 20px 30px;}
    #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;}
}