@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700;900&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 0;
  background: url(../image/background_01_sp.webp) center top/100% repeat-y, hsl(55, 100%, 85%);
}

body > header {
  width: 100%;
  padding: 6.1333333333vw 0 0;
}
body > header > h1 {
  width: 40.2666666667vw;
  margin: 0 auto;
}
body > header > h1 img {
  width: 100%;
  height: auto;
}
body > header > h2 {
  width: 100%;
  position: relative;
  margin: 5.0666666667vw 0 0;
  pointer-events: none;
}
body > header > h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 85.0666666667vw;
  position: absolute;
  top: -3.0666666667vw;
  left: 0;
  background: url(../image/header_03_sp.webp) center top/100% no-repeat;
}
body > header > h2 img {
  display: block;
  width: 70.1333333333vw;
  height: auto;
  position: relative;
  top: 0;
  left: calc(50% - 35.0666666667vw);
}
body > header > p {
  text-align: center;
  width: 53.3333333333vw;
  margin: 1.2vw auto 0;
  font-weight: 900;
  font-size: 4.8vw;
  line-height: 1.3888888889;
  letter-spacing: 0.07em;
  color: hsl(26, 65%, 26%);
}

#manners {
  width: 100%;
  margin: 8.6666666667vw 0 0;
}
#manners > ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 90.6666666667vw;
  padding: 0;
}
#manners > ul:nth-of-type(1) {
  justify-content: center;
  gap: 6.2666666667vw 2vw;
  margin: 0 auto;
}
#manners > ul:nth-of-type(1) > li {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  justify-content: center;
  width: 54vw;
  margin: 0 -5.3333333333vw;
}
#manners > ul:nth-of-type(1) > li > img {
  display: block;
  width: 80.2469135802%;
  height: auto;
  margin: 0 auto;
  pointer-events: none;
}
#manners > ul:nth-of-type(1) > li > p {
  text-align: center;
  width: 100%;
  margin: 3.2vw auto 0;
  font-weight: 900;
  font-size: 2.9333333333vw;
  line-height: 1.5454545455;
  letter-spacing: 0.02em;
  color: hsl(26, 65%, 26%);
}
#manners > ul:nth-of-type(1) > li:nth-of-type(3) > p {
  letter-spacing: 0.005em;
}
#manners > ul:nth-of-type(1) > li:nth-of-type(4) > p > br:nth-of-type(2) {
  display: none;
}
#manners > ul:nth-of-type(1) > li:nth-of-type(6) > p > br:nth-of-type(3) {
  display: none;
}
#manners > ul:nth-of-type(2) {
  justify-content: center;
  gap: 12.6666666667vw 4.9333333333vw;
  margin: 9.6vw auto 0;
}
#manners > ul:nth-of-type(2) > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 38vw;
}
#manners > ul:nth-of-type(2) > li > img {
  display: block;
  align-self: start;
  width: 30.9333333333vw;
  height: auto;
  pointer-events: none;
}
#manners > ul:nth-of-type(2) > li > a {
  display: flex;
  align-self: end;
  align-items: center;
  width: 100%;
  min-height: 8vw;
  position: relative;
  margin: 2vw auto 0;
  padding: 0 0 1.6vw;
  font-weight: 900;
  font-size: 2.9333333333vw;
  line-height: 1.3636363636;
  letter-spacing: 0.02em;
  color: hsl(26, 65%, 26%);
  text-decoration: none;
  user-select: none;
}
#manners > ul:nth-of-type(2) > li > a::before {
  content: "";
  display: block;
  width: 100%;
  height: max(0.8vw, 1px);
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: max(0.4vw, 0.5px);
  background: hsl(26, 73%, 17%);
}
#manners > ul:nth-of-type(2) > li > a::after {
  content: "";
  display: block;
  width: 4.4vw;
  height: 4.4vw;
  position: absolute;
  bottom: 3.4666666667vw;
  right: 0;
  background: url(../image/manners_03.svg) center center/contain no-repeat;
}
#manners > ul:nth-of-type(3) {
  justify-content: center;
  margin: 9.3333333333vw auto 0;
}
#manners > ul:nth-of-type(3) > li {
  width: 81.3333333333vw;
  font-weight: 700;
  font-size: 2.9333333333vw;
  line-height: 1.3636363636;
  letter-spacing: 0.005em;
  color: hsl(238, 40%, 15%);
}
#manners > ul:nth-of-type(3) > li::before {
  content: "※";
}
#manners > h3 {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 89.3333333333vw;
  box-sizing: border-box;
  margin: 12vw auto 0;
  padding: 3.4666666667vw 0 2.6666666667vw;
  font-weight: 900;
  font-size: 4vw;
  line-height: 1.3333333333;
  letter-spacing: 0.03em;
  color: hsl(26, 65%, 26%);
  background: hsl(0, 0%, 100%);
  border: max(0.5333333333vw, 1px) solid hsl(26, 65%, 26%);
}

#service {
  width: 100%;
  margin: 10.9333333333vw 0 0;
}
#service > h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 66.6666666667vw;
  height: 11.6vw;
  margin: 0 auto;
  font-weight: 900;
  font-size: 4.5333333333vw;
  line-height: 1;
  letter-spacing: 0.06em;
  color: hsl(0, 0%, 100%);
  background: hsl(33, 100%, 48%);
  border-radius: 6.6666666667vw;
}
#service > div {
  display: grid;
  grid-template-rows: 30.6666666667vw 51.2vw 65.7333333333vw auto;
  grid-template-columns: 40.5333333333vw auto;
  width: 81.3333333333vw;
  margin: 10.6666666667vw auto 0;
}
#service > div > div {
  width: 100%;
  position: relative;
}
#service > div > div:nth-of-type(1) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  grid-row: 1/2;
  grid-column: 1/3;
  padding: 0 0 7.7333333333vw;
}
#service > div > div:nth-of-type(1)::after {
  content: "";
  display: block;
  width: 76vw;
  height: 1.0666666667vw;
  position: absolute;
  bottom: 0;
  left: calc(50% - 38vw);
  background: url(../image/service_02.svg) center left/4vw repeat-x;
}
#service > div > div:nth-of-type(1) > h4 {
  width: 22.6666666667vw;
  margin: 0;
}
#service > div > div:nth-of-type(1) > h4 img {
  width: 100%;
  height: auto;
}
#service > div > div:nth-of-type(1) > p {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6666666667vw;
  width: 55.3333333333vw;
  margin: 0;
  font-weight: 900;
  font-size: 6.6666666667vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: hsl(355, 100%, 43%);
}
#service > div > div:nth-of-type(1) > p > span {
  display: block;
  position: relative;
  padding: 0 0 0.9333333333vw;
}
#service > div > div:nth-of-type(1) > p > span::before {
  content: "";
  display: block;
  width: 100%;
  height: 2.1333333333vw;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: hsl(54, 94%, 52%);
  border-radius: 1.0666666667vw;
}
#service > div > div:nth-of-type(2) {
  align-items: center;
  justify-content: space-between;
  grid-row: 4/5;
  grid-column: 1/3;
}
#service > div > div:nth-of-type(2) > p {
  text-align: center;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 6.4vw 0 6.9333333333vw;
  font-weight: 900;
  font-size: 5.3333333333vw;
  line-height: 1.5;
  letter-spacing: 0.035em;
  color: hsl(0, 1%, 30%);
}
#service > div > div:nth-of-type(2) > p::before {
  content: "";
  display: block;
  width: 76vw;
  height: 1.0666666667vw;
  position: absolute;
  top: 0;
  left: calc(50% - 38vw);
  background: url(../image/service_02.svg) center left/4vw repeat-x;
}
#service > div > div:nth-of-type(2) > p::after {
  content: "";
  display: block;
  width: 76vw;
  height: 1.0666666667vw;
  position: absolute;
  bottom: 0;
  left: calc(50% - 38vw);
  background: url(../image/service_02.svg) center left/4vw repeat-x;
}
#service > div > div:nth-of-type(2) > ul {
  list-style: none;
  width: 76vw;
  margin: 3.2vw auto 0;
  padding: 0;
}
#service > div > div:nth-of-type(2) > ul > li {
  width: 100%;
  font-weight: 700;
  font-size: 2.9333333333vw;
  line-height: 1.3636363636;
  letter-spacing: 0.01em;
  color: hsl(238, 40%, 15%);
}
#service > div > div:nth-of-type(2) > ul > li::before {
  content: "※";
}
#service > div > img {
  display: block;
  height: auto;
  pointer-events: none;
}
#service > div > img:nth-of-type(1) {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: center;
  width: 37.6vw;
  border-radius: 6.4vw;
}
#service > div > img:nth-of-type(2) {
  grid-row: 3/4;
  grid-column: 1/3;
  justify-self: center;
  width: 53.3333333333vw;
  box-sizing: border-box;
  border-radius: 10.2666666667vw;
  border: 1px solid hsl(0, 100%, 0%);
}
#service > div > p {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6666666667vw;
  grid-row: 2/3;
  grid-column: 2/3;
  align-self: center;
  justify-self: center;
  width: 36vw;
  margin: 0;
  font-weight: 900;
  font-size: 6.6666666667vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: hsl(355, 100%, 43%);
}
#service > div > p > span {
  display: block;
  position: relative;
  padding: 0 0 0.9333333333vw;
}
#service > div > p > span::before {
  content: "";
  display: block;
  width: 100%;
  height: 2.1333333333vw;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: hsl(54, 94%, 52%);
  border-radius: 1.0666666667vw;
}

#shop {
  width: 100%;
  margin: 14.5333333333vw auto 0;
}
#shop > h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 79.6vw;
  height: 11.6vw;
  margin: 0 auto;
  font-weight: 900;
  font-size: 4.5333333333vw;
  line-height: 1;
  color: hsl(0, 0%, 100%);
  background: hsl(33, 100%, 48%);
  border-radius: 6.6666666667vw;
}
#shop > ul {
  list-style: none;
}
#shop > ul:nth-of-type(1) {
  width: 86.6666666667vw;
  margin: 4.5333333333vw auto 0;
  padding: 0;
}
#shop > ul:nth-of-type(1) > li {
  width: 100%;
  font-weight: 700;
  font-size: 2.9333333333vw;
  line-height: 1.3636363636;
  letter-spacing: 0.005em;
  color: hsl(238, 40%, 15%);
}
#shop > ul:nth-of-type(1) > li::before {
  content: "※";
}
#shop > ul:nth-of-type(2) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9.0666666667vw 3.7333333333vw;
  width: 90.6666666667vw;
  margin: 12.5333333333vw auto 0;
  padding: 0;
}
#shop > ul:nth-of-type(2) > li {
  width: 43.3333333333vw;
  position: relative;
  padding: 9.0666666667vw 0 0;
}
#shop > ul:nth-of-type(2) > li > a {
  display: block;
}
#shop > ul:nth-of-type(2) > li > a img {
  width: 100%;
  height: auto;
}
#shop > ul:nth-of-type(2) > li > a:nth-of-type(1) {
  width: 30.9333333333vw;
  margin: 0 auto;
}
#shop > ul:nth-of-type(2) > li > a:nth-of-type(2) {
  width: 16vw;
  height: 16vw;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background: hsl(355, 100%, 43%);
  border-radius: 50%;
  box-shadow: 0 1.3333333333vw 1.6vw hsla(238, 40%, 15%, 0.4);
}
#shop > ul:nth-of-type(2) > li > h4 {
  margin: 0;
}
#shop > ul:nth-of-type(2) > li > h4 > a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 40vw;
  height: 5.4666666667vw;
  margin: 4.9333333333vw auto 0;
  font-weight: 900;
  font-size: 2.4vw;
  line-height: 1;
  letter-spacing: 0.06em;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  background: hsl(33, 100%, 48%);
  border-radius: 2.7333333333vw;
}
#shop > ul:nth-of-type(2) > li:nth-of-type(4) > h4 > a {
  font-size: 1.97vw;
  letter-spacing: 0;
}
#shop > ul:nth-of-type(2) > li:nth-of-type(5) > h4 > a {
  font-size: 2.1333333333vw;
  letter-spacing: 0;
}

#notice {
  width: 100%;
  margin: 22.9333333333vw 0 0;
  padding: 0 0 12.8vw;
}
#notice > h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 3.8666666667vw 10.4vw;
  font-weight: 700;
  font-size: 3.2vw;
  line-height: 1.6666666667;
  color: hsl(0, 0%, 100%);
  background: hsl(26, 65%, 26%);
  border-top: max(0.2666666667vw, 1px) solid hsl(0, 0%, 44%);
  border-bottom: max(0.2666666667vw, 1px) solid hsl(0, 0%, 44%);
}
#notice > p {
  width: 79.4666666667vw;
  box-sizing: border-box;
  margin: 5.3333333333vw auto 0;
  font-weight: 700;
  font-size: 2.9333333333vw;
  line-height: 1.5454545455;
  letter-spacing: 0.01em;
  color: hsl(238, 40%, 15%);
}

body > aside {
  width: 100%;
  height: 0;
  position: sticky;
  bottom: 0;
  left: 0;
}
body > aside > a {
  display: block;
  width: 11.4666666667vw;
  overflow: hidden;
  position: absolute;
  top: -14.6666666667vw;
  right: 2.2666666667vw;
  border-radius: 50%;
}
body > aside > a img {
  width: 100%;
  height: auto;
}

body > footer {
  width: 100%;
  box-sizing: border-box;
  padding: 6.2666666667vw 13.3333333333vw 4.8vw;
  background: hsl(33, 100%, 48%);
}
body > footer > address {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  font-style: normal;
  font-size: 4vw;
  line-height: 1.3333333333;
  letter-spacing: 0.02em;
  color: hsl(0, 0%, 100%);
}
body > footer > small {
  display: block;
  margin: 4.8vw auto 0;
  text-align: center;
  font-family: "Elza", sans-serif;
  font-weight: 500;
  font-size: 3.7333333333vw;
  line-height: 1.1428571429;
  letter-spacing: 0.02em;
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  body {
    background: url(../image/background_01_pc.webp) center top/contain repeat-y, hsl(55, 100%, 85%);
  }
  body > header {
    padding: 3.125vw 0 0;
  }
  body > header > h1 {
    width: 17.3958333333vw;
    margin: 0 0 0 6.25vw;
  }
  body > header > h1 img {
    width: 100%;
    height: auto;
  }
  body > header > h2 {
    margin: 5.46875vw 0 0;
  }
  body > header > h2::after {
    display: none;
  }
  body > header > h2 img {
    width: 76.3541666667vw;
    top: 0;
    left: calc(50% - 37.65625vw);
  }
  body > header > p {
    width: 66.6666666667vw;
    margin: 2.7083333333vw auto 0;
    font-size: 2.2395833333vw;
    line-height: 1.4418604651;
    letter-spacing: 0.06em;
  }
  body > header > p > br:nth-of-type(1) {
    display: none;
  }
  body > header > p > br:nth-of-type(3) {
    display: none;
  }
  body > header > p > br:nth-of-type(4) {
    display: none;
  }
  #manners {
    margin: 6.4583333333vw 0 0;
  }
  #manners > ul {
    align-items: start;
    width: 88.5416666667vw;
    padding: 0;
  }
  #manners > ul:nth-of-type(1) {
    gap: 4.0104166667vw 2.6041666667vw;
  }
  #manners > ul:nth-of-type(1) > li {
    width: 27.3958333333vw;
    margin: 0;
  }
  #manners > ul:nth-of-type(1) > li > img {
    width: 100%;
  }
  #manners > ul:nth-of-type(1) > li > p {
    margin: 1.3541666667vw auto 0;
    font-size: 1.40625vw;
    line-height: 1.4814814815;
    letter-spacing: 0.03em;
  }
  #manners > ul:nth-of-type(1) > li:nth-of-type(4) > p > br:nth-of-type(1) {
    display: none;
  }
  #manners > ul:nth-of-type(1) > li:nth-of-type(4) > p > br:nth-of-type(2) {
    display: inline;
  }
  #manners > ul:nth-of-type(1) > li:nth-of-type(4) > p > br:nth-of-type(3) {
    display: none;
  }
  #manners > ul:nth-of-type(1) > li:nth-of-type(6) > p > br:nth-of-type(2) {
    display: none;
  }
  #manners > ul:nth-of-type(1) > li:nth-of-type(6) > p > br:nth-of-type(3) {
    display: inline;
  }
  #manners > ul:nth-of-type(2) {
    align-items: stretch;
    gap: 2.8645833333vw;
    margin: 5.46875vw auto 0;
  }
  #manners > ul:nth-of-type(2) > li {
    align-content: space-between;
    width: 19.7916666667vw;
  }
  #manners > ul:nth-of-type(2) > li > img {
    width: 100%;
  }
  #manners > ul:nth-of-type(2) > li > a {
    width: 14.84375vw;
    min-height: 3.125vw;
    margin: 1.09375vw auto 0;
    padding: 0 0 0.8333333333vw;
    font-size: 1.3020833333vw;
    line-height: 1.2;
    letter-spacing: 0.03em;
  }
  #manners > ul:nth-of-type(2) > li > a::before {
    height: max(0.15625vw, 2px);
    border-radius: max(0.078125vw, 1px);
  }
  #manners > ul:nth-of-type(2) > li > a::after {
    width: 1.25vw;
    height: 1.3020833333vw;
    bottom: 1.1458333333vw;
    right: 0;
  }
  @keyframes arrow {
    0% {
      opacity: 1;
      transform: translate(0, 0);
    }
    5% {
      opacity: 0;
      transform: translate(0, 0);
    }
    10% {
      opacity: 0;
      transform: translate(-1.25vw, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  #manners > ul:nth-of-type(2) > li > a:hover::after {
    animation: 0.5s linear 0s 1 normal both arrow;
  }
  #manners > ul:nth-of-type(2) > li:nth-of-type(2) > a > br:nth-of-type(2) {
    display: inline;
  }
  #manners > ul:nth-of-type(3) {
    margin: 5.5729166667vw auto 0;
  }
  #manners > ul:nth-of-type(3) > li {
    width: 100%;
    font-size: 1.5625vw;
    line-height: 1.6666666667;
    letter-spacing: 0.03em;
    text-align: center;
  }
  #manners > ul:nth-of-type(3) > li:nth-of-type(3) > br:nth-of-type(1) {
    display: none;
  }
  #manners > h3 {
    width: 59.7395833333vw;
    margin: 10.0520833333vw auto 0;
    padding: 0.9375vw 0;
    font-size: 1.8229166667vw;
    line-height: 1;
    border: max(0.1041666667vw, 1px) solid hsl(26, 65%, 26%);
  }
  #manners > h3 > br:nth-of-type(1) {
    display: none;
  }
  #service {
    margin: 10.9375vw 0 0;
  }
  #service > h3 {
    width: 30vw;
    height: 5.9895833333vw;
    font-size: 2.3958333333vw;
    border-radius: 2.9947916667vw;
  }
  #service > div {
    grid-template-rows: 21.3541666667vw 5.7291666667vw 28.125vw;
    grid-template-columns: 46.875vw auto 26.0416666667vw;
    width: 78.125vw;
    margin: 6.5104166667vw auto 0;
  }
  #service > div > div:nth-of-type(1) {
    align-items: end;
    grid-row: 1/2;
    grid-column: 1/2;
    padding: 0;
  }
  #service > div > div:nth-of-type(1)::after {
    display: none;
  }
  #service > div > div:nth-of-type(1) > h4 {
    width: 10.7291666667vw;
    margin: 0 auto;
  }
  #service > div > div:nth-of-type(1) > p {
    display: block;
    width: auto;
    position: relative;
    margin: 0 auto;
    padding: 0 0 0.15625vw;
    font-size: 3.125vw;
    line-height: 3.3854166667vw;
    letter-spacing: 0.035em;
  }
  #service > div > div:nth-of-type(1) > p::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.4166666667vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: hsl(54, 94%, 52%);
    border-radius: 0.2083333333vw;
  }
  #service > div > div:nth-of-type(1) > p > span {
    display: inline;
    padding: 0;
  }
  #service > div > div:nth-of-type(1) > p > span::before {
    display: none;
  }
  #service > div > div:nth-of-type(1) > p > span:nth-of-type(1) {
    font-size: 3.3854166667vw;
  }
  #service > div > div:nth-of-type(1) > p > span > br {
    display: none;
  }
  #service > div > div:nth-of-type(2) {
    grid-row: 3/4;
    grid-column: 1/2;
    padding: 4.0104166667vw 0;
  }
  #service > div > div:nth-of-type(2) > p {
    padding: 1.0416666667vw 0;
    font-size: 1.9270833333vw;
    line-height: 1.5135135135;
  }
  #service > div > div:nth-of-type(2) > p::before {
    width: 46.875vw;
    height: 0.4166666667vw;
    left: 0;
    background: url(../image/service_02.svg) center left/0.78125vw repeat-x;
  }
  #service > div > div:nth-of-type(2) > p::after {
    width: 46.875vw;
    height: 0.4166666667vw;
    left: 0;
    background: url(../image/service_02.svg) center left/0.78125vw repeat-x;
  }
  #service > div > div:nth-of-type(2) > p > br:nth-of-type(1) {
    display: none;
  }
  #service > div > div:nth-of-type(2) > ul {
    width: 100%;
    margin: 1.7708333333vw auto 0;
    padding: 0;
  }
  #service > div > div:nth-of-type(2) > ul > li {
    font-size: 1.5625vw;
    line-height: 1.6666666667;
    letter-spacing: 0.02em;
  }
  #service > div > img:nth-of-type(1) {
    grid-row: 1/3;
    grid-column: 3/4;
    width: 26.0416666667vw;
    border-radius: 3.3333333333vw;
  }
  #service > div > img:nth-of-type(2) {
    grid-row: 3/4;
    grid-column: 3/4;
    align-self: end;
    width: 26.0416666667vw;
    border-radius: 3.3333333333vw;
  }
  #service > div > p {
    display: block;
    grid-row: 2/3;
    grid-column: 1/2;
    align-self: end;
    width: auto;
    position: relative;
    padding: 0 0 0.15625vw;
    font-size: 3.125vw;
    line-height: 3.3854166667vw;
    letter-spacing: 0.035em;
  }
  #service > div > p::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.4166666667vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: hsl(54, 94%, 52%);
    border-radius: 0.2083333333vw;
  }
  #service > div > p > span {
    display: inline;
    padding: 0;
  }
  #service > div > p > span::before {
    display: none;
  }
  #service > div > p > span:nth-of-type(1) {
    font-size: 3.3854166667vw;
  }
  #service > div > p > span > br {
    display: none;
  }
  #shop {
    margin: 13.5416666667vw 0 0;
  }
  #shop > h3 {
    width: 45.3125vw;
    height: 5.9895833333vw;
    font-size: 2.3958333333vw;
    letter-spacing: 0.06em;
    border-radius: 2.9947916667vw;
  }
  #shop > ul:nth-of-type(1) {
    width: 78.125vw;
    margin: 1.8229166667vw auto 0;
  }
  #shop > ul:nth-of-type(1) > li {
    font-size: 1.5625vw;
    line-height: 1.6666666667;
    letter-spacing: 0.02em;
    text-align: center;
  }
  #shop > ul:nth-of-type(2) {
    gap: 2.5vw 7.7083333333vw;
    width: 88.5416666667vw;
    margin: 7.1354166667vw auto 0;
  }
  #shop > ul:nth-of-type(2) > li {
    width: 24.21875vw;
    padding: 3.6458333333vw 0 0;
    transition: transform 0.3s;
  }
  #shop > ul:nth-of-type(2) > li:has(a:hover) {
    transform: translate(0, -0.8333333333vw);
  }
  #shop > ul:nth-of-type(2) > li > a:nth-of-type(1) {
    width: 18.90625vw;
  }
  #shop > ul:nth-of-type(2) > li > a:nth-of-type(2) {
    width: 7.6041666667vw;
    height: 7.6041666667vw;
    box-shadow: 0 5px 5px hsla(238, 40%, 15%, 0.4);
  }
  #shop > ul:nth-of-type(2) > li > h4 > a {
    width: 22.0833333333vw;
    height: 3.0208333333vw;
    margin: 3.0208333333vw auto 0;
    font-size: 1.3020833333vw;
    border-radius: 1.5104166667vw;
  }
  #shop > ul:nth-of-type(2) > li:nth-of-type(4) > h4 > a {
    font-size: 1.1vw;
    letter-spacing: 0;
  }
  #shop > ul:nth-of-type(2) > li:nth-of-type(4) > h4 > a > span {
    letter-spacing: -0.04em;
  }
  #shop > ul:nth-of-type(2) > li:nth-of-type(5) > h4 > a {
    font-size: 1.25vw;
    letter-spacing: 0;
  }
  #shop > ul:nth-of-type(2) > li:nth-of-type(5) > h4 > a > span {
    letter-spacing: -0.04em;
  }
  #notice {
    margin: 20vw 0 0;
    padding: 0 0 6.6145833333vw;
  }
  #notice > h3 {
    width: 77.0833333333vw;
    padding: 1.5104166667vw 2.7083333333vw 1.3020833333vw;
    font-size: 1.875vw;
    line-height: 1.4444444444;
    text-align: center;
    border: max(0.0520833333vw, 1px) solid hsl(0, 0%, 44%);
  }
  #notice > p {
    width: 77.0833333333vw;
    margin: 1.25vw auto 0;
    font-size: 1.5625vw;
    line-height: 1.5;
    letter-spacing: 0;
  }
  body > aside {
    height: 5.7291666667vw;
  }
  body > aside > a {
    width: 4.4791666667vw;
    top: 0;
    right: 1.9791666667vw;
    transition: transform 0.3s;
  }
  body > aside > a:hover {
    transform: translate(0, -0.625vw);
  }
  body > footer {
    padding: 2.1875vw 0 2.03125vw;
  }
  body > footer > address {
    font-size: 1.5625vw;
    line-height: 1.5;
  }
  body > footer > address > br:nth-of-type(2) {
    display: none;
  }
  body > footer > small {
    margin: 1.25vw auto 0;
    font-size: 1.0416666667vw;
  }
}