.footer {
  width: 100%;
  position: relative;
  padding-top: clamp(120px, 12.5vw, 240px);
  padding-bottom: clamp(275px, 28.6vw, 550px);
}

.footerBg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footerInner {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  width: 100%;
  padding-left: clamp(16px, (16.7vw), 320px);
  padding-right: clamp(16px, (16.7vw), 320px);
}
@media (max-width: 767px) {
  .footerInner {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.footerHead {
  width: 100%;
}

.footerHeadLink {
  width: clamp(179.2px, 13.3vw, 256px);
}

.footerHeadImg {
  width: 100%;
  object-fit: contain;
}

.footerMiddle {
  margin-top: clamp(14px, 1vw, 20px);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: clamp(28px, 2.1vw, 40px);
}

.footerMiddleTxt {
  font-size: clamp(1.4rem, (0.9vw), 1.6rem);
  font-weight: 500;
  line-height: 1.75;
}

.footerMiddleRight {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: clamp(33.5px, 2.5vw, 48px);
  row-gap: clamp(22.4px, 1.7vw, 32px);
}
.footerMiddleList {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: clamp(11.2px, 0.8vw, 16px);
}

.footerMiddleItem {
  height: fit-content;
  line-height: 1;
}

.footerMiddleLink {
  font-size: clamp(1.4rem, (0.9vw), 1.8rem);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.footerBottom {
  margin-top: clamp(35px, 2.6vw, 50px);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: clamp(14px, 1vw, 20px);
  row-gap: clamp(28px, 2.1vw, 40px);
}
@media (max-width: 767px) {
  .footerBottom {
    padding-bottom: 100px;
  }
}

.footerBottomTtl {
  font-size: clamp(1.26rem, (0.9vw), 1.8rem);
  font-weight: 500;
  line-height: 1.7777777778;
}

.footerBottomList {
  margin-top: clamp(9.7px, 0.7vw, 14px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  column-gap: clamp(14px, 1vw, 20px);
}

.footerBottomItem {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: clamp(7px, 0.5vw, 10px);
  width: clamp(80px, 5.2vw, 100px);
}

.footerBottomImg {
  width: 100%;
}

.footerBottomIso {
  margin-top: clamp(2px, 0.2vw, 3px);
  font-size: 1rem;
  line-height: 1.3;
  display: inline-block;
  word-break: break-all;
}

.footerBottomCopyrights {
  margin-top: clamp(0px, 1vw, 20px);
  font-size: clamp(1.26rem, (0.9vw), 1.8rem);
  font-weight: 500;
  line-height: 1.7777777778;
}