@charset "utf-8";
/* CSS Document */
footer{background:#e1a013;color:#fff;margin:0 auto 0 auto;padding: calc(20px + 3%) 5%; position: relative;}
.footer {padding-bottom: 50px;}
.footer > div {position: relative; z-index: 50; display: flex; flex-wrap: wrap; justify-content: center;}
.footer > div > div:nth-child(1) {width: 300px; color: #fff;}
.footer > div > div:nth-child(2) {width: 350px; padding: 0 0 0 20px; color:#fff; border-left: 2px solid #fff; display: flex; flex-wrap: wrap; align-items: center;}
.footer > div > div a:link, .footer > div > div a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.footer > div > div a:active, .footer > div > div a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > div > div:nth-child(2) > ul {width: 100%; display: flex; flex-direction: column;}
.footer > div > div:nth-child(2) > ul li {padding: 5px 0;}

.footerB {background: url(../images/copyright-bg.png)no-repeat;color:#333333;text-align: center;min-height: 33px;vertical-align: middle;padding-top: 7px;}



.footer-link{}
.footer-link ul{display: flex;align-items: center;justify-content: center;}
.footer-link ul li{padding: 0 10px;border-right: 1px solid #231815; font-size: clamp(16px, 1.3vw, 18px);}
.footer-link ul li a{color:#231815;}
.footer-link ul li:hover a{ opacity: 0.8;}
.footer-link ul li:last-child{border:none;}
.copyright{ color:#231815; font-size: 16px;}

.footer-content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1130px; margin: 0 auto;}
.footer-content > div:nth-of-type(1) { width: 230px;}
.footer-content > div:nth-of-type(2) { width: calc(100% - 230px); padding-left: 25px;}
.footer-content-info { padding-left: 15px; border-bottom: 1px solid #231815;display: flex; flex-direction: row; flex-wrap: wrap; }
.footer-content-info a { color: #231815 !important; }
.footer-content-info > div { display: flex; flex-direction: row; flex-wrap: nowrap; padding-right: 25px; padding-bottom: 10px; }
.footer-content-info > div > div:nth-of-type(1) { width: 22px; margin-right: 10px; min-width: 22px;}
.footer-content-info > div > div:nth-of-type(2) { color: #231815; font-size: clamp(18px, 1.5vw, 20px); line-height: 1.2; text-align: left;}

.footer-content-bottom { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 15px; padding-left: 5px;}
.footer-content-bottom > div { padding-bottom: 12px;}


@media only screen and (max-width: 640px) {
	.footer-content > div:nth-of-type(1) { width: 150px; padding-bottom: 25px;}
	.footer-content > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0px;}
	.footer-content-info, .footer-content-bottom  { padding-left: 0; }
	.footer-link ul li {padding-left: 0; margin-right: 10px;}
}