@charset "UTF-8";
footer {
 width: 100%;
 padding: 70px 60px;
 background-image: url("../image/bg-footer-mv.png");
 background-repeat: no-repeat;
 background-size: cover;
}
.footer-inner {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin-bottom: 80px;
}
@media screen and (max-width: 900px) {
 footer {
  padding: 40px 0;
 }
 .footer-inner {
  display: block;
  margin-bottom: 120px;
 }
}
.footer-left {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 30px;
}
.footer-left .footer-name {
 width: 210px;
 height: auto;
}
.footer-left .footer-name a {
 color: #FFF;
 font-size: 40px;
 font-style: normal;
 font-weight: 900;
 line-height: 150%; /* 60px */
}
.footer-left .footer-name a:hover {
    opacity: 0.7;
}
.footer-left .footer-name a span {
 display: block;
 color: #FFF;
 font-size: 24px;
 font-style: normal;
 font-weight: 900;
 line-height: 150%; /* 36px */
}
.footer-address address {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 20px;
}
.footer-address p {
 color: #FFF;
 font-size: 18px;
 font-style: normal;
 font-weight: 700;
 line-height: 150%; /* 27px */
}
.footer-address ul.connecting-list {
 display: inline-flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 5px;
}
.footer-address ul.connecting-list li {}
.footer-address ul.connecting-list li a {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: 8px;
    transition: opacity 0.2s ease-out;
}
.connecting-list li a:hover{
    opacity: 0.7;
}
.footer-address ul.connecting-list li a img {
 width: 20px;
 height: 20px;
 aspect-ratio: 1/1;
}
.footer-address ul.connecting-list li a span {
 color: var(--nishizaki_white, #FFF);
 font-family: "Barlow Semi Condensed", sans-serif;
 font-size: 24px;
 font-style: normal;
 font-weight: 700;
 line-height: 23px;
}
ul.sns-icon {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: 20px;
}
ul.sns-icon li {
 width: 75px;
 height: 75px;
 flex-shrink: 0;
 aspect-ratio: 1/1;
 background-color: #fff;
 border-radius: 50%;
}
ul.sns-icon li a {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
}
ul.sns-icon li a img {
 width: 48px;
 height: 48px;
 aspect-ratio: 1/1;
 transition: transform 0.3s ease-out;
}
ul.sns-icon li a:hover img {
 transform: scale(1.15);
}
.footer-bottom {
 border-top: 2px solid #fff;
 width: 100%;
 padding-top: 20px;
}
.footer-bottom p, .footer-bottom a {
 color: #FFF;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 150%; /* 24px */
}
.footer-bottom a:hover {
color: #ADE3FF;
}
@media screen and (max-width: 900px) {
 .footer-left {
  gap: 20px;
  margin-bottom: 40px;
 }
 .footer-address address {
  gap: 15px;
 }
 .footer-address p {
  color: #FFF;
  font-size: 1.6rem;
 }
 .footer-address ul.connecting-list {
  gap: 3px;
 }
 .footer-address ul.connecting-list li a {
  gap: 5px;
 }
 .footer-address ul.connecting-list li a span {
  color: var(--nishizaki_white, #FFF);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1.8rem;
 }
 ul.sns-icon {
     flex-wrap: wrap;
  gap: 10px;
 }
 ul.sns-icon li {
  width: 60px;
  height: 60px;
 }
    .footer-bottom {
        display: block;
}
    .footer-bottom p{
    margin-bottom: 5px;
    }
 .footer-bottom p, .footer-bottom a {
  color: #FFF;
  font-size: 1.4rem;
 }
}
.footer-right {
 width: 32.4%;
min-width: 324px;
 display: flex;
 flex-direction: column;
 gap: 71px;
}
.footer-right-top {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 12px;
 padding-top: 7px;
}
.footer-right-top img {
 width: 100%;
 max-width: 312px;
 height: auto;
 flex-shrink: 0;
}
.footer-right-top p {
 color: #FFF;
 font-size: 18px;
 font-style: normal;
 font-weight: 900;
 line-height: 120%; /* 21.6px */
 letter-spacing: 0;
}
.footer-nav {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
ul.footer-nav-left {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 10px;
 width: 167px;
}
ul.footer-nav-right {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 10px;
 width: 119px;
}
.footer-nav ul li a {
 color: #FFF;
 font-size: 16px;
 font-style: normal;
 font-weight: 700;
 line-height: 150%; /* 24px */
 transition: color 0.2s ease-out;
}
.footer-nav ul li a:hover {
 color: #ADE3FF;
}
@media screen and (max-width: 900px) {
 .footer-right {
  width: 100%;
  gap: 60px;
 }
 .footer-right-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-top: 47px;
  border-top: 2px solid #fff;
 }
 .footer-right-top p {}
 .footer-nav {
  display: block;
 }
 ul.footer-nav-left {
  gap: 0;
  width: 100%;
  border-top: 2px solid #80C0E6;
 }
 ul.footer-nav-right {
  gap: 0;
  width: 100%;
 }
 .footer-nav ul li {
  display: flex;
  padding: 12px 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 2px solid #80C0E6;
 }
 .footer-nav ul li a {
      width: 100%;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  transition: color 0.2s ease-out;
 }
 .footer-nav ul li a:hover {
  color: #ADE3FF;
 }
}