/** Shopify CDN: Minification failed

Line 245:0 Expected "}" to go with "{"

**/
footer {
  background-color: #F8F5F2;
}

.footer-flex {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 48px 0;
  gap: 233px;
  border-top: 1px solid #C6C4C1;
  background-color: #F8F5F2;
}
@media screen and (max-width:1024px) {
  .footer-flex {
    width: 100%;
    gap:39px;
    padding: 48px 0;
  }
}

.footer-flex .footer-right h2 a{
  font-size: 16px;
}

@media screen and (max-width:768px) {
  .footer-flex {
    width: 100%;
    gap: 24px;
    padding: 48px 40px;
    flex-direction: column;
  }
}
@media screen and (max-width:540px) {
  .footer-flex {
    width: 100%;
    gap: 24px;
    padding: 48px 24px;
  }
}
.footer-flex h2 {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
}

.footer-flex h2::after {
display: none;
  
}

.footer-flex h2 a {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
  text-decoration: none;
  font-size: 24px;
  color: #181818;
}

.footer-flex h2 a:hover {
  color: #7C7A79;
}

.footer-flex li a:hover {
  color: #7C7A79;
}

.footer-flex span {
  font-size: 12px;
  margin-left: 13px;
}
@media screen and (max-width:540px) {
  .footer-flex {
    flex-direction: column;
  }
}

.footer-left {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-left img {
  width: 192px;
  height: 50px;
  margin-left: 0%;
}

@media screen and (max-width:1024px) {
  .footer-left img {
   margin-right: 0px;
  }
}

@media screen and (max-width:768px) {
  .footer-left img {
    margin-bottom: 24px;
    width: 151px;
    height: 39px;
  }
}

.footer-left-bottom p {
  font-size: 12px;
  margin-top: 8px;
}
@media screen and (max-width:768px) {
  .footer-left-bottom {
    display: none;
  }
}

.footer-left-bottom_last {
  display: none;
}
@media screen and (max-width:768px) {
  .footer-left-bottom_last {
    display: block;
    margin-top: 48px;
  }
  .footer-left-bottom_last p {
    font-size: 12px;
    margin-top: 16px;
  }
}

.sns {
  display: flex;
  gap: 5px;
}
.sns img {
  width: 32px;
  height: 32px;
  margin: 0;
}
@media screen and (max-width:540px) {
  .sns {
    gap: 16px;
  }
}

.footer-center a {
  text-decoration: none;
  font-size: 16px;
}
.footer-center ul {
  margin-bottom: 30px;
  list-style: none;
}
.footer-center li {
  position: relative;
  margin-left: 12px;
  margin-bottom: 10px;
}
@media screen and (max-width:540px) {
  .footer-center li {
    margin-left: 19px;
    margin-bottom: 16px;
  }
}
.footer-center li a {
  color: #636260;
}
.footer-center li::after {
  position: absolute;
  content: "";
  width: 5.88px;
  height: 0.38px;
  background-color: #636260;
  top: 50%;
  left: -9%;
}
@media screen and (max-width:768px) {
  .footer-center li::after {
    left: -3%;
  }
@media screen and (max-width:540px) {
  .footer-center li::after {
    left: -5%;
  }
}
.footer-center h2 {
  margin-bottom: 30px;
  color: #181818;
}



@media screen and (max-width:540px) {
  .footer-center h2 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:540px) {
  .footer-center .footer_news {
    margin-bottom: 24px;
  }
}
.footer-center .product-list {
  margin-bottom: 10px;
}
@media screen and (max-width:540px) {
  .footer-center .product-list {
    margin-bottom: 16px;
  }
}

.footer-right {
  display: flex;
  flex-direction: column;
}
.footer-flex .footer-right h2 a{
  margin-bottom: 30px;
  font-size: 16px;
}
.footer-flex .footer-right a {
  font-size: 16px;
}

.footer-right p {
  color: #636260;
  font-size: 12px;
}
@media screen and (max-width:540px) {
  .footer-right h2 {
    margin-top: 0px;
  }
}
.footer-right .company-imformation {
  margin-bottom: 0px;
}
@media screen and (max-width:540px) {
  .footer-right .company-imformation {
    margin-bottom: 10px;
  }
}