#wrapper {
  background: #e2f7fd;
}

#hd .hd-ctn nav ul li a:hover {
  color: #238cc4;
}
#hd .hd-ctn nav ul li a:hover svg {
  fill: #238cc4;
}

#ft {
  background: #e2f7fd;
}

#choose {
  z-index: 4;
}
#choose .inner {
  background: #e2f7fd;
}
#choose .choose-ttl {
  height: 23.4375vw;
  max-height: 300px;
  background-image: url("../img/choose/bg.webp");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 1280px auto;
}
@media (max-width: 800px) {
  #choose .choose-ttl {
    height: 40vw;
    background-image: url("../img/choose/bg-sp.webp");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% auto;
  }
}
#choose .choose-ttl h2 {
  width: 47.890625vw;
  max-width: 613px;
  margin: 0 auto;
  padding-top: 5vw;
}
@media (min-width: 1280px) {
  #choose .choose-ttl h2 {
    padding-top: 64px;
  }
}
@media (max-width: 800px) {
  #choose .choose-ttl h2 {
    width: 76.5909090909vw;
    max-width: none;
    padding-top: 9.0909090909vw;
  }
}
#choose .choose-ttl p {
  width: 17.96875vw;
  max-width: 230px;
  margin: 0 auto;
  padding-top: 1.875vw;
}
@media (min-width: 1280px) {
  #choose .choose-ttl p {
    padding-top: 24px;
  }
}
@media (max-width: 800px) {
  #choose .choose-ttl p {
    width: 39.0909090909vw;
    max-width: none;
    padding-top: 1.1363636364vw;
  }
}

#sns {
  background: #e2f7fd;
  z-index: 3;
}
#sns .inner {
  padding: 122px 0 142px;
  background-image: url("../img/sns/bg.webp");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 1280px auto;
}
@media (max-width: 800px) {
  #sns .inner {
    padding: 32vw 0;
    background-image: url("../img/sns/bg-sp.webp");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% auto;
  }
}
#sns h3 a:hover svg {
  fill: #238cc4;
}
#sns ul li a:hover svg {
  fill: #4aadda;
}