body {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}
img {
  display: block;
  width: 100%;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
main {
  background-image: url(../img/bg.png);
  margin-top: 100px;
}
.p-top::before {
  content: "";
  background: url(../img/top_dec.png) repeat-x;
  position: relative;
  z-index: 99;
  width: 100%;
  height: 17px;
  display: block;
  background-size: contain;
}
.p-top__band {
  background-color: #ea5245;
  margin: calc(-25 / 1400 * 100vw) 0 0;
  position: relative;
}
.p-top__band img {
  max-width: 615px;
  margin: 0 auto;
  padding: 12px 0;
}
.p-content__wrapper {
  background-color: #fffdee;
  max-width: 930px;
  margin: 0 auto;
}
.c-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
.p-content__ttl {
  padding: 70px 0 45px;
}

.p-menu {
  margin: 84px 0 100px;
}
.menu_contents {
  margin: 56px 0 45px;
}
.menu_contents {
  position: relative;
}
.menu_contents ul {
  display: grid;
  gap: 40px 20px;
  grid-template-columns: repeat(4, 1fr);
}
.menu_contents ul li {
  width: 175px;
}
.menu_content_price {
  position: absolute;
  top: 160px;
  left: 27px;
  width: 760px;
}
.p-menu__annotation {
  font-size: 16px;
  text-align: center;
  padding-bottom: 5px;
  /* margin-top: 140px; */
}
.c-indent {
  text-indent: -3.94rem;
}
.p-campaign__sns {
  padding: 70px 0 75px;
}
.p-about {
  position: relative;
  background-color: #a0d7e5;
}
.p-about::before {
  content: "";
  background-image: url(../img/about_bg.png);
  width: 100%;
  height: 640px;
  display: block;
  position: absolute;
  top: -4px;
  background-size: contain;
}
main::after {
  content: "";
  background-image: url(../img/bottom_dec.png);
  width: 100%;
  height: 19px;
  display: block;
}

.p-about__inner {
  padding: 70px 0 69px;
  max-width: 695px;
  margin: 0 auto;
  position: relative;
}

.terms {
  padding: 24px 0;
}
.terms a {
  display: block;
  max-width: 1040px;
  margin: 0 auto;
  color: #d06341;
  text-align: center;
  transition: 0.3s;
  text-decoration: none;
}
.terms a:hover {
  opacity: 0.7;
}
.c-footer-copyright__logo img {
  display: unset;
}

@media screen and (max-width: 801px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
	
  main {
	margin-top: 80px;
	}	
  main::after {
    content: "";
    background: url(../img/bottom_dec_sp.png) repeat-x;
    width: 100%;
    height: 15px;
    display: block;
    background-size: contain;
    position: relative;
    z-index: 99;
  }
  .p-top::before {
    content: "";
    background: url(../img/top_dec_sp.png) repeat-x;
    position: relative;
    z-index: 99;
    width: 100%;
    height: 17px;
    display: block;
    background-size: contain;
  }
  .p-top__band {
    margin: calc(-51 / 800 * 100vw) 0 0;
    position: relative;
  }
  .p-content__ttl {
    padding: calc(35 / 800 * 100vw) 0 calc(30 / 800 * 100vw);
  }
  .c-wrapper {
    padding: 0 calc(54 / 800 * 100%);
  }
  .p-top__band img {
    width: calc(615 / 800 * 100vw);
  }
  .p-menu {
    margin: calc(46 / 800 * 100vw) 0 calc(40 / 800 * 100vw);
  }
  .menu_contents {
    margin: calc(56 / 800 * 100vw) 0 0;
  }
  .menu_contents ul {
    display: grid;
    gap: unset;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }
  .menu_contents ul li {
    width: calc(306 / 800 * 100vw);
  }
  .menu_content_price {
    width: calc(661 / 800 * 100vw);
    top: calc(252 / 800 * 100vw);
    left: calc(22 / 800 * 100vw);
  }
  .p-menu__annotation {
    font-size: calc(14 / 800 * 100vw);
  }
  .p-campaign__sns {
    padding: calc(60 / 800 * 100vw) 0 calc(70 / 800 * 100vw);
  }
  .p-campaign a img {
    width: calc(578 / 800 * 100vw);
    margin: 0 auto;
  }
  .p-about__inner {
    padding: calc(74 / 800 * 100vw) 0 calc(54 / 800 * 100vw);
  }
  .p-about::before {
    height: calc(309 / 375 * 100vw);
  }
  .c-indent {
    text-indent: calc(-56 / 800 * 100vw);
  }
  .footerSpLogo img {
    width: auto;
    display: unset;
  }
  .followingNavItem img {
    display: unset;
  }
}
