@charset "utf-8";
/* CSS Document */
footer {background-color: #282828;position: relative;}
.footer {position: relative; max-width:1440px; margin:auto; padding: 92px 20px 80px 20px;}
.footer ul , .footer li {list-style-type:none; margin: 0; padding: 0; font-size: 1.6rem;}
.footer ul {width: 100%; color: #A1A1A0;}
.footer > ul {display: grid;grid-template-columns: minmax(440px, 600px) minmax(190px, 1fr) minmax(190px, 1fr);gap: clamp(70px, 9.45vw, 180px);}
.footer > ul > li:nth-child(1) {padding-right: clamp(60px, 6.3vw, 120px);border-right: 1px solid #464646;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(1) {line-height: 0; font-size: 0; margin-bottom: 13px; cursor:pointer; width: 225px;}
.footer > ul > li:nth-child(1) > ul > li:hover:nth-child(1) img {transform: scale(1.05, 1.05); transition: all 0.5s ease 0s;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(1) img {transform: scale(1, 1); transition: all 0.5s ease 0s;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(2) {margin-bottom: 18px;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(2) h5 {font-size: 18px; line-height: 1.125; font-weight: bold; margin: 0;color: #fff;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(3) {padding: 7px 0 7px 30px; line-height: 150%; background: url("../images/icon_03a.png") no-repeat 0px 8px;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(4) {padding: 7px 0 7px 30px; line-height: 150%; background: url("../images/icon_03b.png") no-repeat 0px 8px;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(5) {padding: 7px 0 7px 30px; line-height: 150%; background: url("../images/icon_03c.png") no-repeat 0px 8px;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(6) {padding: 7px 0 7px 30px; line-height: 150%; background: url("../images/icon_03d.png") no-repeat 0px 8px;}
.footer > ul > li:nth-child(2) {}
.footer > ul > li:nth-child(2) > ul > li {line-height: 200%;}
.footer > ul > li:nth-child(3) {}
.footer > ul > li:nth-child(3) > ul > li {line-height: 120%; padding: 6px 0;}
.footerA, .footerB {margin: 11px 0 32px 0; position: relative;}
.footerA h5, .footerB h5 { font-size: 24px; line-height: 21px; color: #F0F0F0; font-weight: 300; margin: 0; text-transform: uppercase;}

.footer ul a:link, .footer ul a:visited {text-decoration:none; color:#A1A1A0; position: relative; transition: all 0.25s ease 0s;}
.footer ul a:active, .footer ul a:hover {text-decoration:none; color:#b51c1c; cursor:pointer; transition: all 0.25s ease 0s;}
.footer ul a::after {content: ''; height: 2px; width: 100%; position: absolute; bottom: -3px; left: 0px; transition: all 0.25s ease 0s;}
.footer ul a:hover::after {content: ''; height: 2px; width: 100%; background-color: #b51c1c; position: absolute; bottom: -3px; left: 0px;display: none;}

.copyright {color: #A1A1A0; font-size: 16px; line-height: 1.125; text-align: center; padding: 27px 20px; margin: 0; border-top: 1px solid #464646;font-weight: 300;}

@media (max-width: 1280px) {
  footer .footer > ul {grid-template-columns: minmax(340px, 1.35fr) 1fr 1fr;gap: 50px;}
  footer .footer > ul > li:nth-child(1) {padding-right: 50px;}
}

@media (max-width: 992px) {
  footer .footer {padding: 65px 20px 50px 20px;}
  footer .footer > ul {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 50px 30px;}
  footer .footer > ul > li:nth-child(1) {grid-column: 1 / -1;padding: 0 0 45px;border-right: 0;border-bottom: 1px solid #464646;}
  footer .footer .footerA h5,footer .footer .footerB h5 {font-size: 20px;}
}

@media only screen and (min-width:577px){
    .footer > ul > li:nth-child(2) > ul, .footer > ul > li:nth-child(3) > ul {display: block!important;}
}

@media only screen and (max-width:576px){
    .footerA, .footerB {margin: 10px 0; cursor: pointer;}
    .footerA::after, .footerB::after {content: ''; position: absolute; top: 6px; right: 0px; border-color: transparent #bb1b21 transparent transparent; border-style: solid solid solid solid; border-width: 7px 10px; line-height: 0; font-size: 0;}
    .open_F::after {content: ''; position: absolute; top: 8px; right: 0px; border-color: #bb1b21 transparent transparent transparent; border-style: solid solid solid solid; border-width: 10px 7px; line-height: 0; font-size: 0;}
    .open_F {color: #bb1b21;}
	footer .footer > ul{grid-template-columns: 1fr;gap:18px;}
    .footer > ul > li:nth-child(1) {width: 100%; max-width: 450px; padding: 0 0 2.628% 0; margin: auto;}
    .footer > ul > li:nth-child(2), .footer > ul > li:nth-child(3) {width: 100%; max-width: 450px; margin: auto; padding: 2.628% 0 0 0;}
    .footer > ul > li:nth-child(2) > ul, .footer > ul > li:nth-child(3) > ul {max-height: 0; overflow: hidden; transition: all 0.5s ease 0s;}
    .footer > ul > li:nth-child(2) > ul.active {max-height:200px; transition: all 0.5s ease 0s;}
    .footer > ul > li:nth-child(3) > ul.active {max-height:400px; transition: all 0.5s ease 0s;}
    .footer > ul > li:nth-child(2) > ul, .footer > ul > li:nth-child(3) > ul {display: flex; flex-wrap: wrap;}
    .footer > ul > li:nth-child(2) > ul > li, .footer > ul > li:nth-child(3) > ul > li {width: 50%;}
}

@media only screen and (max-width:480px){
    .footer > ul > li:nth-child(3) > ul > li {width: 100%;}
}