footer{background:#e1a013;color:#fff;margin:0 auto 0 auto;padding: calc(20px + 3%) 5%; position: relative;}
.temple-content.content-box{display: flex;align-items: center;justify-content: center;text-align: left;margin:15px auto 30px auto;}
.temple-content.content-box a{color:#fff;}
.footer-border{margin:0 25px 0 15px;}
.footer-border::before{content:"";border-right: 2px solid #fff;display: block;width: 2px;height: 140px;margin: 0 5px;}
.temple-infor{}
.temple-infor li{padding: 5px;}
.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;}

.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; }
.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: 570px) {
.temple-content.content-box{flex-direction: column;}
.footer-border::before{display: none;}
.idx-infor{margin: 5px auto;}
}
@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;}
}