.footer {
  --color-bottom: #373737;

  --size-1: 0.0625rem;
  --size-2: 0.125rem;
  --size-3: 0.1875rem;
  --size-4: 0.25rem;
  --size-5: 0.3125rem;
  --size-6: 0.375rem;
  --size-7: 0.4375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-14: 0.875rem;
  --size-15: 0.9375rem;
  --size-16: 1rem;
  --size-17: 1.0625rem;
  --size-18: 1.125rem;
  --size-19: 1.1875rem;
  --size-20: 1.25rem;
  --size-21: 1.3125rem;
  --size-22: 1.375rem;
  --size-23: 1.4375rem;
  --size-24: 1.5rem;
  --size-25: 1.5625rem;
  --size-26: 1.625rem;
  --size-27: 1.6875rem;
  --size-28: 1.75rem;
  --size-29: 1.8125rem;
  --size-30: 1.875rem;
  --size-31: 1.9375rem;
  --size-32: 2rem;
  --size-33: 2.0625rem;
  --size-34: 2.125rem;
  --size-35: 2.1875rem;
  --size-36: 2.25rem;
  --size-37: 2.3125rem;
  --size-38: 2.375rem;
  --size-39: 2.4375rem;
  --size-40: 2.5rem;
  --size-41: 2.5625rem;
  --size-42: 2.625rem;
  --size-43: 2.6875rem;
  --size-44: 2.75rem;
  --size-45: 2.8125rem;
  --size-46: 2.875rem;
  --size-47: 2.9375rem;
  --size-48: 3rem;
  --size-49: 3.0625rem;
  --size-50: 3.125rem;
  --size-51: 3.1875rem;
  --size-52: 3.25rem;
  --size-53: 3.3125rem;
  --size-54: 3.375rem;
  --size-55: 3.4375rem;
  --size-56: 3.5rem;
  --size-57: 3.5625rem;
  --size-58: 3.625rem;
  --size-59: 3.6875rem;
  --size-60: 3.75rem;
  --size-61: 3.8125rem;
  --size-62: 3.875rem;
  --size-63: 3.9375rem;
  --size-64: 4rem;
  --size-65: 4.0625rem;
  --size-66: 4.125rem;
  --size-67: 4.1875rem;
  --size-68: 4.25rem;
  --size-69: 4.3125rem;
  --size-70: 4.375rem;
  --size-71: 4.4375rem;
  --size-72: 4.5rem;
  --size-73: 4.5625rem;
  --size-74: 4.625rem;
  --size-75: 4.6875rem;
  --size-76: 4.75rem;
  --size-77: 4.8125rem;
  --size-78: 4.875rem;
  --size-79: 4.9375rem;
  --size-80: 5rem;
  --size-81: 5.0625rem;
  --size-82: 5.125rem;
  --size-83: 5.1875rem;
  --size-84: 5.25rem;
  --size-85: 5.3125rem;
  --size-86: 5.375rem;
  --size-87: 5.4375rem;
  --size-88: 5.5rem;
  --size-89: 5.5625rem;
  --size-90: 5.625rem;
  --size-91: 5.6875rem;
  --size-92: 5.75rem;
  --size-93: 5.8125rem;
  --size-94: 5.875rem;
  --size-95: 5.9375rem;
  --size-96: 6rem;
  --size-97: 6.0625rem;
  --size-98: 6.125rem;
  --size-99: 6.1875rem;
  --size-100: 6.25rem;
  --size-101: 6.3125rem;
  --size-102: 6.375rem;
  --size-103: 6.4375rem;
  --size-104: 6.5rem;
  --size-105: 6.5625rem;
  --size-106: 6.625rem;
  --size-107: 6.6875rem;
  --size-108: 6.75rem;
  --size-109: 6.8125rem;
  --size-110: 6.875rem;
  --size-111: 6.9375rem;
  --size-112: 7rem;
  --size-113: 7.0625rem;
  --size-114: 7.125rem;
  --size-115: 7.1875rem;
  --size-116: 7.25rem;
  --size-117: 7.3125rem;
  --size-118: 7.375rem;
  --size-119: 7.4375rem;
  --size-120: 7.5rem;
  --size-121: 7.5625rem;
  --size-122: 7.625rem;
  --size-123: 7.6875rem;
  --size-124: 7.75rem;
  --size-125: 7.8125rem;
  --size-126: 7.875rem;
  --size-127: 7.9375rem;
  --size-128: 8rem;
  --size-129: 8.0625rem;
  --size-130: 8.125rem;
  --size-131: 8.1875rem;
  --size-132: 8.25rem;
  --size-133: 8.3125rem;
  --size-134: 8.375rem;
  --size-135: 8.4375rem;
  --size-136: 8.5rem;
  --size-137: 8.5625rem;
  --size-138: 8.625rem;
  --size-139: 8.6875rem;
  --size-140: 8.75rem;
  --size-141: 8.8125rem;
  --size-142: 8.875rem;
  --size-143: 8.9375rem;
  --size-144: 9rem;
  --size-145: 9.0625rem;
  --size-146: 9.125rem;
  --size-147: 9.1875rem;
  --size-148: 9.25rem;
  --size-149: 9.3125rem;
  --size-150: 9.375rem;
  --size-151: 9.4375rem;
  --size-152: 9.5rem;
  --size-153: 9.5625rem;
  --size-154: 9.625rem;
  --size-155: 9.6875rem;
  --size-156: 9.75rem;
  --size-157: 9.8125rem;
  --size-158: 9.875rem;
  --size-159: 9.9375rem;
  --size-160: 10rem;
  --size-161: 10.0625rem;
  --size-162: 10.125rem;
  --size-163: 10.1875rem;
  --size-164: 10.25rem;
  --size-165: 10.3125rem;
  --size-166: 10.375rem;
  --size-167: 10.4375rem;
  --size-168: 10.5rem;
  --size-169: 10.5625rem;
  --size-170: 10.625rem;
  --size-171: 10.6875rem;
  --size-172: 10.75rem;
  --size-173: 10.8125rem;
  --size-174: 10.875rem;
  --size-175: 10.9375rem;
  --size-176: 11rem;
  --size-177: 11.0625rem;
  --size-178: 11.125rem;
  --size-179: 11.1875rem;
  --size-180: 11.25rem;
  --size-181: 11.3125rem;
  --size-182: 11.375rem;
  --size-183: 11.4375rem;
  --size-184: 11.5rem;
  --size-185: 11.5625rem;
  --size-186: 11.625rem;
  --size-187: 11.6875rem;
  --size-188: 11.75rem;
  --size-189: 11.8125rem;
  --size-190: 11.875rem;
  --size-191: 11.9375rem;
  --size-192: 12rem;
  --size-193: 12.0625rem;
  --size-194: 12.125rem;
  --size-195: 12.1875rem;
  --size-196: 12.25rem;
  --size-197: 12.3125rem;
  --size-198: 12.375rem;
  --size-199: 12.4375rem;
  --size-200: 12.5rem;
}

.footer {
  padding: var(--size-40) var(--size-20);
  font-family: Koburina Gothic W6 JIS2004;

  color: #fff;
  background: var(--color-bottom);
}

.footer a:hover {
  color: #fff;
}

.footer__row {
}

.footerShare {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-45);
}

.footerShare__title {
  width: var(--size-44);
}

.footerShare__list {
  display: flex;
  align-items: center;
  gap: var(--size-40);
  list-style: none;
  margin: 0;
  padding: 0;
}

.footerShare__list img {
  width: auto;
  height: var(--size-30);
}

.footerContact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-15);
  margin-top: var(--size-22);
}

.footerContact__link {
  color: #fff;
  text-decoration: none;
  font-size: var(--size-13);
  letter-spacing: 0.1em;
  line-height: 2;
}

.footerContact__link--mail {
  display: flex;
  align-items: center;
  gap: var(--size-10);
}

.footerContact__link--mail::before {
  content: "";
  display: block;
  width: var(--size-22);
  aspect-ratio: 22/16;
  background: center / contain no-repeat url("../images/icon_mail.svg");
}

.footerNav {
  margin-top: var(--size-48);
}

.footerNav__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3) var(--size-18);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--size-10);
  line-height: 2;
  letter-spacing: 0.1em;
}

.footerNav__list a {
  color: #fff;
  text-decoration: none;
}

.footerCopy {
  margin-top: var(--size-26);
  margin-inline: auto;
  width: var(--size-76);
}

@media screen and (min-width: 600px) {
  .footer {
    padding-block: var(--size-80) var(--size-58);
    font-family: Koburina Gothic W6 JIS2004;
  }

  .footer__row {
    display: flex;
    justify-content: center;
    align-self: center;
    gap: var(--size-45);
  }

  .footerContact {
    margin-top: 0;
  }

  .footerNav {
    margin-top: var(--size-20);
  }

  .footerNav__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--size-3) var(--size-18);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--size-10);
    line-height: 2;
    letter-spacing: 0.1em;
  }

  .footerNav__list a {
    color: #fff;
    text-decoration: none;
  }

  .footerCopy {
    margin-top: var(--size-40);
  }
}

@media (hover: hover) {
  footer a,
  footer button {
    transition: opacity 0.3s ease-in-out;
  }

  footer a:hover,
  footer button:hover {
    opacity: 0.6;
  }
}