/**********************************************************
 footer
***********************************************************/
.footer { background: #333333; height: 300px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 1460px; padding: 0 60px; margin: 0 auto; }
.footer-content-01 { width: 100%; color: #ddd; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #707070; }
.footer-item { word-break: keep-all; line-height: 1.2; }
.footer-item i { font-style: initial;  }
.footer-item>span { display: inline-block; font-weight: bold; margin: 0 10px; }
.footer-item:first-of-type>span { margin-left: 0; }
.footer-item>a { color: #ddd; padding: 0 5px; position: relative; -webkit-transition: 0.3s; transition: 0.3s; } 
.footer-item>a:hover { color: #fff; }
.footer-item:nth-of-type(1)>a { padding-left: 0; }
.footer-item>a::after { content: ''; display: inline-block; top: 0; bottom: 0; right: 0; margin: auto 0; width: 1px; position: absolute; background: #707070; height: 70%; }
.footer-item:last-of-type>a::after { display: none; }
.footer-list { display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer-content-02 { width: 100%; padding-top: 30px; }
.footer-content-02 address { font-size: 12px; color: #ddd; font-style: normal; font-weight: 400; }

/**********************************************************
 responsive
***********************************************************/
@media screen and (max-width: 1280px){
 .footer-content-01 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
 .footer-list:nth-of-type(1) { margin-bottom: 30px; }
 }

@media screen and (max-width: 1023px){
 .footer-content { padding: 0 20px; }
 .footer-list:nth-of-type(1) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
 .footer-item { display: flex;  }
 .footer-item>span { margin-left: 0; }
 .footer-item { margin-bottom: 10px; }
 .footer-item:last-of-type { margin-bottom: 0; }
 }

@media screen and (max-width: 300px){
 .footer-content { padding: 0 10px; }
 .footer-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .footer-list:nth-of-type(1) { margin-bottom: 10px; }
 .footer-item>a { padding: 0 5px 0 0; }
 .footer-item>a::after { display: none; }
 .footer-content-01 { padding-bottom: 20px; }
 .footer-content-02 { padding-top: 20px; }
 }