:root {
 --main-color: #302d90;
 --sub-color: #22213a;
}

footer *{
 color:#575757 !important;
}
footer .ft_logo {
 /*width: 10%;*/
}

footer .ft_nav {
 gap:10px;
 /*width: 33.5%;*/
}
footer .ft_info{
 /*white-space: nowrap;*/
}


/*footer .ft_info span:nth-child(2) {*/
/*min-width: 2.2vw;*/
/* max-width: 2.5vw;*/
/*}*/

footer .ft_info span {
}

footer ul.ft_nav li {
 position: relative;
}


footer .ft_info_wrap {
 margin-top: 2vw;
 margin-bottom: 1vw;
}

/*footer .ft_sns {*/
/* width: 6vw;*/
/*}*/

footer .ft_info_wrap2 div:first-child>div:nth-child(2) {
 /*color:#2a557a;*/
}

footer .ft_info_wrap2>div:last-child {
 /*color:#2a557a;*/
}


/* mobile */
@media screen and (max-width: 767px) {

footer{
 padding: 13vw 0 !important;
}

 footer .ft {
  gap: 2vw;
  margin-bottom: 3.3vw;
 }

 footer ul.ft_nav li:not(:last-child)::after {
  right: -11px;
  margin-top: 1px;
 }


 footer .ft_info span:nth-child(2) {
  width: 20vw;
 }

 footer .ft_info span:nth-child(3) {
  width: 65vw;
 }
 footer .ft_sns {
  width: 30%;
  margin-right: auto;
  justify-content: flex-start;
  gap: 0vw;
 }

 footer .ft_info_wrap2 {
  width:100%;
  text-align: left;
  margin-top: 3vw;
  gap: 2vw;
 }

 footer .ft_info_wrap2 div {
  width:100%;
  text-align: left;
 }

 footer .ft_nav {
  gap:0;
 }
 footer .ft_info_wrap i{

  display: none;
 }


}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
 footer .ft_logo {
  width: 30%;
 }


 footer .ft_info i {
  width: 2.5vw;
  font-size: 2vw;
 }

 footer .ft_info span:nth-child(2) {
  white-space: nowrap;
  width: 6vw;
 }

 footer .ft_info span:nth-child(3) {
  font-size: 1.5vw;
 }

 footer .ft_sns {
  width: 16%;
 }
}