@charset "utf-8";

button:focus-visible {
  outline: auto;
}
a:focus-visible {
  outline: auto;
}
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

/* main
----------------- */
main {
  font-size: 18px;
  line-height: 1.33;
  overflow-wrap: anywhere;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
}
main .contentsBg {
  background-image: url(../../img/contents/bg.png);
  background-repeat: repeat-y;
  background-position: top center;
  /* background-size: contain; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 1100px) {
  main {
    font-size: 1.636vw;
    line-height: 1.33;
    overflow-wrap: anywhere;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
  }
  main .contentsBg {
    background-image: url(../../img/contents/bg.png);
    background-repeat: repeat-y;
    background-position: top center;
    /* background-size: contain; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  main {
    font-size: 3.2vw;
  }
  main .contentsBg {
    background-image: url(../../img/contents/bg_sp.png);
    background-size: contain;
  }
}

/* contents */
.contents {
  margin: 0 auto;
  padding-bottom: 75px;
  max-width: 1100px;
  overflow: hidden;
  position: relative;
}
.contents .block + .block {
  margin-top: 20px;
}
.contents .inner {
  margin: 0 auto;
  padding: 50px 45px;
  max-width: 928px;
  background-color: #fff;
  border-radius: 25px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .contents {
    margin: 0 auto;
    padding-bottom: 6.818vw;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
  }
  .contents .block + .block {
    margin-top: 1.818vw;
  }
  .contents .inner {
    margin: 0 auto;
    padding: 4.545vw 4.091vw;
    max-width: 84.364vw;
    background-color: #fff;
    border-radius: 2.273vw;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .contents {
    padding: 0 5.333vw 10vw;
  }
  .contents .block + .block {
    margin-top: 2.667vw;
  }
  .contents .inner {
    padding: 7.333vw 4.667vw 8.667vw;
    border-radius: 4vw;
  }
}

/* mv */
.mv {
  padding-top: 45px;
  padding-bottom: 70px;
  position: relative;
}
.mv h2 {
  margin: 0 auto;
  width: 410px;
}
.mv .no1 {
  margin: 0 auto;
  width: 291px;
}
.mv .no1 p {
  margin-left: 45px;
  margin-right: -45px;
}
.mv .aniversary {
  margin: 0 auto;
  width: 520px;
  position: absolute;
  bottom: 85px;
  left: calc(50% - 270px);
}
.mv .lead {
  width: 300px;
  position: absolute;
  top: 200px;
  left: 140px;
  text-align: left;
}
.mv .lead p span {
  display: inline-block;
  padding: 3px 10px;
  font-size: 27px;
  font-weight: 700;
  color: #478251;
  position: relative;
}
.mv .lead p span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff;
  z-index: -1;
  transition: width 0.5s cubic-bezier(.22,1,.36,1);
  transform-origin: left center;
}
.mv .lead.active p span::before {
  width: 100%;
}
.mv .lead p + p {
  margin-top: 10px;
}
.mv .icon01 {
  width: 63px;
  position: absolute;
  top: 120px;
  right: 452px;
}
.mv .icon02 {
  width: 70px;
  position: absolute;
  top: 615px;
  left: 515px;
}
.mv .icon03 {
  width: 70px;
  position: absolute;
  top: 310px;
  right: 435px;
}
.mv .icon04 {
  width: 58px;
  position: absolute;
  top: 250px;
  left: 465px;
}
.mv .icon05 {
  width: 87px;
  position: absolute;
  top: 405px;
  right: 415px;
}
@media screen and (max-width: 1100px) {
  mv {
    padding-top: 4.091vw;
    padding-bottom: 6.364vw;
    position: relative;
  }
  .mv h2 {
    margin: 0 auto;
    width: 37.273vw;
  }
  .mv .no1 {
    margin: 0 auto;
    width: 26.455vw;
  }
  .mv .no1 p {
    margin-left: 4.091vw;
    margin-right: -4.091vw;
  }
  .mv .aniversary {
    margin: 0 auto;
    width: 47.273vw;
    position: absolute;
    bottom: 7.727vw;
    left: calc(50% - 24.545vw);
  }
  .mv .lead {
    width: 27.273vw;
    position: absolute;
    top: 18.182vw;
    left: 12.727vw;
    text-align: left;
  }
  .mv .lead p span {
    display: inline-block;
    padding: 0.273vw 0.909vw;
    font-size: 2.455vw;
    font-weight: 700;
    color: #478251;
    position: relative;
  }
  .mv .lead p span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #fff;
    z-index: -1;
    transition: width 0.5s cubic-bezier(.22,1,.36,1);
    transform-origin: left center;
  }
  .mv .lead.active p span::before {
    width: 100%;
  }
  .mv .lead p + p {
    margin-top: 0.909vw;
  }
  .mv .icon01 {
    width: 5.727vw;
    position: absolute;
    top: 10.909vw;
    right: 41.091vw;
  }
  .mv .icon02 {
    width: 6.364vw;
    position: absolute;
    top: 55.909vw;
    left: 46.818vw;
  }
  .mv .icon03 {
    width: 6.364vw;
    position: absolute;
    top: 28.182vw;
    right: 39.545vw;
  }
  .mv .icon04 {
    width: 5.273vw;
    position: absolute;
    top: 22.727vw;
    left: 42.273vw;
  }
  .mv .icon05 {
    width: 7.909vw;
    position: absolute;
    top: 36.818vw;
    right: 37.727vw;
  }
}
@media screen and (max-width: 767px) {
  .mv {
    padding-top: 10.667vw;
    padding-bottom: 12vw;
  }
  .mv h2 {
    width: 54.667vw;
  }
  .mv .no1 {
    width: 54.8vw;
  }
  .mv .no1 p {
    margin-left: 7.333vw;
    margin-right: -7.333vw;
  }
  .mv .aniversary {
    width: 81.467vw;
    bottom: 18vw;
    left: calc(50% - 42.667vw);
  }
  .mv .lead {
    width: 13.333vw;
    top: 42.667vw;
    left: 8vw;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .mv .lead p span {
    padding: 1.333vw 0.4vw;
    font-size: 3.6vw;
    letter-spacing: 0.17em;
    overflow: hidden;
  }
  .mv .lead p span::before {
    width: 100%;
    height: 0%;
  }
  .mv .lead.active p span::before {
    height: 100%;
    transition: height 0.5s cubic-bezier(.22,1,.36,1);
    transform-origin: top center;
  }
  .mv .lead p + p {
    margin-top: 0;
  }
  .mv .icon01 {
    width: 8.4vw;
    top: 28vw;
    right: 32vw;
  }
  .mv .icon02 {
    width: 9.333vw;
    top: 114vw;
    left: 38.667vw;
  }
  .mv .icon03 {
    width: 9.333vw;
    top: 64vw;
    right: 30vw;
  }
  .mv .icon04 {
    width: 7.733vw;
    top: 46vw;
    left: 30.667vw;
  }
  .mv .icon05 {
    width: 11.6vw;
    top: 77.333vw;
    right: 26.667vw;
  }
}

/* anchor */
.anchor h3 {
  font-size: 27px;
  font-weight: 700;
  color: #478251;
  letter-spacing: 0.12em;
}
.anchor .lead {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.88;
  text-align: center;
}
.anchor ul {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 0 15px;
}
.anchor ul li {
  width: 31.8%;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.anchor ul li::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border: solid 1px #000;
  border-radius: 40px;
  position: absolute;
  right: -4px;
  bottom: -4px;
}
.anchor ul li a {
  display: block;
  border: solid 1px #000;
  padding: 10px;
  border-radius: 40px;
  position: relative;
  background-color: #fff;
}
.anchor ul li:nth-child(1) a {
  background-color: #59ac58;
}
.anchor ul li:nth-child(2) a {
  background-color: #b6d350;
}
.anchor ul li:nth-child(3) a {
  background-color: #478251;
}
.anchor ul li span {
  font-size: 21px;
}
.anchor .icon01 {
  width: 70px;
  position: absolute;
  top: -20px;
  left: 20px;
}
.anchor .icon02 {
  width: 58px;
  position: absolute;
  top: 70px;
  right: -40px;
}
@media screen and (max-width: 1100px) {
  .anchor h3 {
    font-size: 2.455vw;
    font-weight: 700;
    color: #478251;
    letter-spacing: 0.12em;
  }
  .anchor .lead {
    margin-top: 1.818vw;
    font-size: 1.545vw;
    font-weight: 500;
    line-height: 1.88;
    text-align: center;
  }
  .anchor ul {
    margin-top: 2.727vw;
    display: flex;
    justify-content: center;
    gap: 0 1.364vw;
  }
  .anchor ul li {
    width: 31.8%;
    font-weight: 700;
    text-align: center;
    position: relative;
  }
  .anchor ul li::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border: solid 1px #000;
    border-radius: 3.636vw;
    position: absolute;
    right: -0.364vw;
    bottom: -0.364vw;
  }
  .anchor ul li a {
    display: block;
    border: solid 1px #000;
    padding: 0.909vw;
    border-radius: 3.636vw;
    position: relative;
    background-color: #fff;
  }
  .anchor ul li:nth-child(1) a {
    background-color: #59ac58;
  }
  .anchor ul li:nth-child(2) a {
    background-color: #b6d350;
  }
  .anchor ul li:nth-child(3) a {
    background-color: #478251;
  }
  .anchor ul li span {
    font-size: 1.909vw;
  }
  .anchor .icon01 {
    width: 6.364vw;
    position: absolute;
    top: -1.818vw;
    left: 1.818vw;
  }
  .anchor .icon02 {
    width: 5.273vw;
    position: absolute;
    top: 6.364vw;
    right: -3.636vw;
  }
}
@media screen and (max-width: 767px) {
  .anchor h3 {
    font-size: 5.333vw;
  }
  .anchor .lead {
    margin-top: 3.333vw;
    font-size: 3.6vw;
    line-height: 1.7;
  }
  .anchor ul {
    margin-top: 4.667vw;
    flex-direction: column;
    align-items: center;
    gap: 2.667vw 0;
  }
  .anchor ul li {
    width: 50.4vw;
    font-size: 3.333vw;
  }
  .anchor ul li::before {
    border-radius: 6.667vw;
    right: -0.533vw;
    bottom: -0.533vw;
  }
  .anchor ul li a {
    font-size: 3.333vw;
    padding: 2vw;
    border-radius: 6.667vw;
  }
  .anchor ul li span {
    font-size: 4vw;
  }
  .anchor .icon01 {
    width: 8.4vw;
    top: -4vw;
    left: 5.333vw;
  }
  .anchor .icon02 {
    width: 7.733vw;
    top: 9.333vw;
    right: -2.667vw;
  }
}

/* gourmet */
.gourmet .subTtl {
  font-size: 20px;
  font-weight: 700;
  color: #478251;
  letter-spacing: 0.12em;
}
.gourmet .subTtl span {
  padding: 0 25px;
  position: relative;
}
.gourmet .subTtl span::before,
.gourmet .subTtl span::after {
  display: block;
  content: '';
  width: 2px;
  height: 45px;
  background-color: #478251;
  position: absolute;
  top: -5px;
}
.gourmet .subTtl span::before {
  left: 0;
  transform: rotate(-25deg);
}
.gourmet .subTtl span::after {
  right: 0;
  transform: rotate(25deg);
}
.gourmet h3 {
  margin-top: 10px;
  padding-left: 25px;
  font-size: 85px;
  letter-spacing: -0.03em;
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(../../img/contents/bg_ttl_gourmet.png);
  background-repeat: no-repeat;
  background-size: 574px 45px;
  background-position: bottom center;
  padding-bottom: 12px;
}
.gourmet .lead {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.88;
  text-align: center;
}
.gourmet .lead span {
  font-size: 30px;
}
.gourmet .items {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 70px 0;
}
.gourmet .items .item {
  width: 50%;
  text-align: left;
}
.gourmet .items .item a {
  display: block;
}
.gourmet .items .item .pic {
  margin: 0 auto;
}
.gourmet .items .item:nth-child(1) .pic {
  margin-top: 15px;
  margin-bottom: -14px;
  width: 316px;
}
.gourmet .items .item:nth-child(2) .pic {
  width: 390px;
  margin-bottom: -25px;
}
.gourmet .items .item:nth-child(3) .pic {
  width: 440px;
}
.gourmet .items .item:nth-child(3) .pic img {
  margin-top: 10px;
  margin-bottom: -10px;
}
.gourmet .items .item:nth-child(4) .pic {
  width: 395px;
  margin-bottom: -54px;
}
.gourmet .items .item:nth-child(5) .pic {
  width: 425px;
}
.gourmet .items .item:nth-child(5) .pic img {
  margin-top: 12px;
}
.gourmet .items .item:nth-child(6) {
  position: relative;
}
.gourmet .items .item:nth-child(6) .pic {
  width: 344px;
}
.gourmet .items .item:nth-child(6) .pic02 {
  width: 120px;
  position: absolute;
  bottom: -20px;
  right: 0;
}
.gourmet .items .item:nth-child(7) .pic {
  width: 340px;
  margin-bottom: -40px;
}
.gourmet .items .item:nth-child(8) .pic {
  width: 414px;
}
.gourmet .items .item:nth-child(8) .pic img {
  margin-top: 40px;
  margin-bottom: -5px;
}
.gourmet .items .item:nth-child(9) .pic {
  width: 430px;
  margin-bottom: -10px;
}
.gourmet .items .item:nth-child(10) .pic {
  width: 359px;
}
.gourmet .items .item:nth-child(11) .pic {
  width: 330px;
  margin-bottom: -50px;
}
.gourmet .items .item:nth-child(12) .pic {
  width: 454px;
  margin-bottom: -80px;
}
.gourmet .items .item .shop {
  display: flex;
  margin: 15px auto 0;
  width: 360px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.gourmet .items .item .shop span:nth-child(1) {
  padding: 7px 10px;
  background-color: #b6d350;
  color: #478251;
}
.gourmet .items .item .shop span:nth-child(2) {
  padding: 7px 10px;
  background-color: #59ac58;
  color: #fff;
}
.gourmet .items .item .txt {
  margin: 15px auto 0;
  width: 360px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.gourmet .items .item .name {
  margin: 5px auto 0;
  width: 360px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.gourmet .icon01 {
  width: 56px;
  position: absolute;
  top: -50px;
  left: 25px;
}
.gourmet .icon02 {
  width: 63px;
  position: absolute;
  top: 95px;
  right: 65px;
}
.gourmet .icon03 {
  width: 100px;
  position: absolute;
  top: 195px;
  right: -20px;
}
.gourmet .icon04 {
  width: 72px;
  position: absolute;
  top: 765px;
  left: -20px;
}
.gourmet .icon05 {
  width: 100px;
  position: absolute;
  top: 1325px;
  right: -30px;
}
.gourmet .icon06 {
  width: 84px;
  position: absolute;
  bottom: 1375px;
  left: -15px;
}
.gourmet .icon07 {
  width: 73px;
  position: absolute;
  bottom: 795px;
  right: -15px;
}
.gourmet .icon08 {
  width: 97px;
  position: absolute;
  bottom: 350px;
  left: -20px;
}
.gourmet .icon09 {
  width: 72px;
  position: absolute;
  bottom: -30px;
  right: -30px;
}
@media screen and (max-width: 1100px) {
  .gourmet .subTtl {
    font-size: 1.818vw;
    font-weight: 700;
    color: #478251;
    letter-spacing: 0.12em;
  }
  .gourmet .subTtl span {
    padding: 0 2.273vw;
    position: relative;
  }
  .gourmet .subTtl span::before,
  .gourmet .subTtl span::after {
    display: block;
    content: '';
    width: 0.182vw;
    height: 4.091vw;
    background-color: #478251;
    position: absolute;
    top: -0.455vw;
  }
  .gourmet .subTtl span::before {
    left: 0;
    transform: rotate(-25deg);
  }
  .gourmet .subTtl span::after {
    right: 0;
    transform: rotate(25deg);
  }
  .gourmet h3 {
    margin-top: 0.909vw;
    padding-left: 2.273vw;
    font-size: 7.727vw;
    letter-spacing: -0.03em;
    font-family: "Zen Kurenaido", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-image: url(../../img/contents/bg_ttl_gourmet.png);
    background-repeat: no-repeat;
    background-size: 52.182vw 4.091vw;
    background-position: bottom center;
    padding-bottom: 1.091vw;
  }
  .gourmet .lead {
    margin-top: 0.909vw;
    font-size: 1.545vw;
    font-weight: 500;
    line-height: 1.88;
    text-align: center;
  }
  .gourmet .lead span {
    font-size: 2.727vw;
  }
  .gourmet .items {
    margin-top: 4.545vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6.364vw 0;
  }
  .gourmet .items .item {
    width: 50%;
    text-align: left;
  }
  .gourmet .items .item .pic {
    margin: 0 auto;
  }
  .gourmet .items .item:nth-child(1) .pic {
    width: 28.727vw;
  }
  .gourmet .items .item:nth-child(2) .pic {
    width: 35.455vw;
    margin-bottom: -3.364vw;
  }
  .gourmet .items .item:nth-child(3) .pic {
    width: 40vw;
  }
  .gourmet .items .item:nth-child(3) .pic img {
    margin-top: 0.909vw;
    margin-bottom: -0.909vw;
  }
  .gourmet .items .item:nth-child(4) .pic {
    width: 35.909vw;
    margin-bottom: -4.909vw;
  }
  .gourmet .items .item:nth-child(5) .pic {
    width: 38.636vw;
  }
  .gourmet .items .item:nth-child(5) .pic img {
    margin-top: 1.091vw;
  }
  .gourmet .items .item:nth-child(6) {
    position: relative;
  }
  .gourmet .items .item:nth-child(6) .pic {
    width: 31.273vw;
  }
  .gourmet .items .item:nth-child(6) .pic02 {
    width: 10.909vw;
    position: absolute;
    bottom: -1.818vw;
    right: 0;
  }
  .gourmet .items .item:nth-child(7) .pic {
    width: 30.909vw;
    margin-bottom: -3.636vw;
  }
  .gourmet .items .item:nth-child(8) .pic {
    width: 37.636vw;
  }
  .gourmet .items .item:nth-child(8) .pic img {
    margin-top: 3.636vw;
    margin-bottom: -0.455vw;
  }
  .gourmet .items .item:nth-child(9) .pic {
    width: 39.091vw;
    margin-bottom: -0.909vw;
  }
  .gourmet .items .item:nth-child(10) .pic {
    width: 32.636vw;
  }
  .gourmet .items .item:nth-child(11) .pic {
    width: 30vw;
    margin-bottom: -4.545vw;
  }
  .gourmet .items .item:nth-child(12) .pic {
    width: 44.091vw;
    margin-bottom: -4.545vw;
    margin-left: -3.636vw;
  }
  .gourmet .items .item .shop {
    display: flex;
    margin: 15px auto 0;
    width: 32.727vw;
    font-size: 2.182vw;
    font-weight: 500;
    line-height: 1.2;
  }
  .gourmet .items .item .shop span:nth-child(1) {
    padding: 0.636vw 0.909vw;
    background-color: #b6d350;
    color: #478251;
  }
  .gourmet .items .item .shop span:nth-child(2) {
    padding: 0.636vw 0.909vw;
    background-color: #59ac58;
    color: #fff;
  }
  .gourmet .items .item .txt {
    margin: 15px auto 0;
    width: 32.727vw;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .gourmet .items .item .name {
    margin: 5px auto 0;
    width: 32.727vw;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .gourmet .icon01 {
    width: 5.091vw;
    position: absolute;
    top: -4.545vw;
    left: 2.273vw;
  }
  .gourmet .icon02 {
    width: 5.727vw;
    position: absolute;
    top: 8.636vw;
    right: 5.909vw;
  }
  .gourmet .icon03 {
    width: 9.091vw;
    position: absolute;
    top: 17.727vw;
    right: -1.818vw;
  }
  .gourmet .icon04 {
    width: 6.545vw;
    position: absolute;
    top: 69.545vw;
    left: -1.818vw;
  }
  .gourmet .icon05 {
    width: 9.091vw;
    position: absolute;
    top: 120.455vw;
    right: -2.727vw;
  }
  .gourmet .icon06 {
    width: 7.636vw;
    position: absolute;
    bottom: 125vw;
    left: -1.364vw;
  }
  .gourmet .icon07 {
    width: 6.636vw;
    position: absolute;
    bottom: 72.273vw;
    right: -1.364vw;
  }
  .gourmet .icon08 {
    width: 8.818vw;
    position: absolute;
    bottom: 31.818vw;
    left: -1.818vw;
  }
  .gourmet .icon09 {
    width: 6.545vw;
    position: absolute;
    bottom: -2.727vw;
    right: -2.727vw;
  }
}
@media screen and (max-width: 767px) {
  .gourmet .subTtl {
    font-size: 3.6vw;
  }
  .gourmet .subTtl span {
    padding: 0 3.333vw;
  }
  .gourmet .subTtl span::before,
  .gourmet .subTtl span::after {
    width: 0.267vw;
    height: 6vw;
    top: -0.667vw;
  }
  .gourmet h3 {
    margin-top: 1.333vw;
    padding-left: 0;
    font-size: 11vw;
    background-size: 76.533vw 6vw;
    padding-bottom: 1.6vw;
  }
  .gourmet .lead {
    margin-top: 0;
    font-size: 3.2vw;
    line-height: 1.6;
  }
  .gourmet .lead span {
    font-size: 5.2vw;
  }
  .gourmet .items {
    margin-top: 6.667vw;
    flex-direction: column;
    gap: 10.667vw 0;
  }
  .gourmet .items .item {
    width: 100%;
  }
  .gourmet .items .item:nth-child(1) .pic {
    width: 60.533vw;
  }
  .gourmet .items .item:nth-child(2) .pic {
    width: 69.067vw;
    margin-bottom: -4.933vw;
  }
  .gourmet .items .item:nth-child(3) .pic {
    width: 77.867vw;
    margin-right: 1.333vw;
    margin-bottom: -2.667vw;
  }
  .gourmet .items .item:nth-child(3) .pic img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .gourmet .items .item:nth-child(4) .pic {
    width: 70vw;
    margin-right: 4vw;
  }
  .gourmet .items .item:nth-child(5) .pic {
    width: 75.2vw;
    margin-bottom: -5.333vw;
  }
  .gourmet .items .item:nth-child(5) .pic img {
    margin-top: 0;
  }
  .gourmet .items .item:nth-child(6) .pic {
    width: 60.8vw;
    margin-right: 5.333vw;
  }
  .gourmet .items .item:nth-child(6) .pic02 {
    width: 22.267vw;
    right: -2vw;
  }
  .gourmet .items .item:nth-child(7) .pic {
    width: 61.733vw;
    margin-right: 6.667vw;
    margin-bottom: -8vw;
  }
  .gourmet .items .item:nth-child(8) .pic {
    width: 75.333vw;
    margin-bottom: -10.667vw;
  }
  .gourmet .items .item:nth-child(8) .pic img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .gourmet .items .item:nth-child(9) .pic {
    width: 78.667vw;
    margin-bottom: -10.667vw;
  }
  .gourmet .items .item:nth-child(10) .pic {
    width: 66.133vw;
    margin-bottom: -2.667vw;
  }
  .gourmet .items .item:nth-child(11) .pic {
    width: 58.667vw;
    margin-left: 18.667vw;
    margin-bottom: -8vw;
  }
  .gourmet .items .item:nth-child(12) .pic {
    width: 85.867vw;
    margin-bottom: -9.333vw;
    margin-left: -2.667vw;
  }
  .gourmet .items .item .shop {
    margin: 15px auto 0;
    width: 64vw;
    font-size: 4.267vw;
  }
  .gourmet .items .item .shop span:nth-child(1) {
    padding: 1.333vw;
  }
  .gourmet .items .item .shop span:nth-child(2) {
    padding: 1.333vw;
  }
  .gourmet .items .item .txt {
    margin: 15px auto 0;
    width: 64vw;
    font-size: 3.333vw;
  }
  .gourmet .items .item .name {
    margin: 5px auto 0;
    width: 64vw;
  }
  .gourmet .icon01 {
    width: 7.467vw;
    top: -20vw;
    left: 5.333vw;
  }
  .gourmet .icon02 {
    width: 8.4vw;
    top: -16.667vw;
    right: 4.667vw;
  }
  .gourmet .icon03 {
    width: 13.333vw;
    top: 0.667vw;
    right: -1.333vw;
  }
  .gourmet .icon04 {
    width: 9.6vw;
    top: 335vw;
    left: -2.667vw;
  }
  .gourmet .icon05 {
    width: 13.333vw;
    top: 411.333vw;
    right: -2.667vw;
  }
  .gourmet .icon06 {
    width: 11.2vw;
    top: 80.667vw;
    bottom: unset;
    left: -1.333vw;
  }
  .gourmet .icon07 {
    width: 9.733vw;
    bottom: 158.667vw;
    right: unset;
    left: 4vw;
  }
  .gourmet .icon08 {
    width: 12.933vw;
    top: 240.667vw;
    bottom: unset;
    left: unset;
    right: -2.667vw;
  }
  .gourmet .icon09 {
    display: none;
  }
  .gourmet .icon10 {
    width: 13.333vw;
    position: absolute;
    top: 505.667vw;
    left: -1.333vw;
  }
  .gourmet .icon11 {
    width: 14.4vw;
    position: absolute;
    top: 610vw;
    right: -1.333vw;
  }
  .gourmet .icon12 {
    width: 8.4vw;
    position: absolute;
    bottom: 435.267vw;
    left: 2.333vw;
  }
  .gourmet .icon13 {
    width: 9.733vw;
    position: absolute;
    top: 806.333vw;
    right: 5.333vw;
  }
  .gourmet .icon14 {
    width: 11.2vw;
    position: absolute;
    bottom: 73.333vw;
    right: 2.667vw;
  }
}

/* staff */
.contents .block.staff {
  margin-top: 30px;
  width: 120%;
  background: #fff;
  border-radius: 50% / 25%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.staff .inner {
  background: none;
  border-radius: 0;
  max-width: 1000px;
}
.staff h3 {
  font-size: 45px;
  font-weight: 500;
  letter-spacing: -0.08em;
}
.staff h3 .num {
  color: #478251;
}
.staff h3 > span {
  display: inline-block;
  position: relative;
}
.staff h3 > span::before,
.staff h3 > span::after {
  display: block;
  content: '';
  width: 2px;
  height: 50px;
  background-color: #b6d350;
  position: absolute;
}
.staff h3 > span::before {
  bottom: 0;
  left: -40px;
  transform: rotate(-45deg);
}
.staff h3 > span::after {
  bottom: 0;
  right: -40px;
  transform: rotate(45deg);
}
.staff h3 > span > span {
  display: inline-block;
  position: relative;
}
.staff h3 > span > span::before,
.staff h3 > span > span::after {
  display: block;
  content: '';
  width: 2px;
  height: 70px;
  background-color: #478251;
  position: absolute;
}
.staff h3 > span > span::before {
  bottom: 0;
  left: -27px;
  transform: rotate(-30deg);
}
.staff h3 > span > span::after {
  bottom: 0;
  right: -27px;
  transform: rotate(30deg);
}
.staff .lead {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.88;
  text-align: center;
}
.staff .staffSwiperWrap {
  position: relative;
}
.staff .swiper {
  margin-top: 50px;
}
.staff .swiper-slide {
  background-color: #c0d576;
  border-radius: 213px;
}
.staff .swiper-slide a {
  display: block;
}
.staff .swiper-slide.swiper-slide-prev,
.staff .swiper-slide.swiper-slide-next {
  opacity: 0.7;
}
.staff .swiper-slide.swiper-slide-prev {
  transform: translate3d(140px, 0px, -300px) scale(0.8);
}
.staff .swiper-slide.swiper-slide-next {
  transform: translate3d(-140px, 0px, -300px) scale(0.8);
}
.staff .swiper-slide.swiper-slide-active {
  z-index: 1;
}
.staff .swiper-prev,
.staff .swiper-next {
	width: 70px;
	height: 70px;
	position: absolute;
	top: calc(50% - 70px);
	z-index: 10;
	cursor: pointer;
}
.staff .swiper-prev {
	left: -35px;
}
.staff .swiper-next {
	right: -35px;
}
.staff .swiper-prev.swiper-button-disabled,
.staff .swiper-next.swiper-button-disabled {
	display: none;
}
.staff .swiper-pagination {
  margin-top: 20px;
  position: static;
}
.staff .swiper-pagination-bullet {
	margin: 0 5px !important;
	width: 10px;
	height: 10px;
	overflow: hidden;
	cursor: pointer;
  background-color: transparent;
	border: solid 2px #478251;
	opacity: 1;
}
.staff .swiper-pagination-bullet-active {
  background-color: #478251;
}
.staff .itemTtl {
  margin-top: 50px;
  font-size: 29px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #478251;
  text-align: center;
}
.staff .fx {
  display: flex;
  justify-content: center;
  align-items: center;
}
.staff .itemTxt {
  margin-left: 30px;
  width: 220px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
}
.staff .itemPic01 {
  margin-left: -40px;
  width: 195px;
}
.staff .itemPic02 {
  margin: 0 auto;
  width: 100%;
}
.staff .icon01 {
  position: absolute;
  top: 50px;
  left: 15px;
}
.staff .icon02 {
  position: absolute;
  top: 40px;
  right: 15px;
}
@media screen and (max-width: 1100px) {
  .contents .block.staff {
    margin-top: 2.727vw;
    width: 120%;
    background: #fff;
    border-radius: 50% / 25%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .staff .inner {
    background: none;
    border-radius: 0;
    max-width: 90.909vw;
  }
  .staff h3 {
    font-size: 4.091vw;
    font-weight: 500;
    letter-spacing: -0.08em;
  }
  .staff h3 .num {
    color: #478251;
  }
  .staff h3 > span {
    display: inline-block;
    position: relative;
  }
  .staff h3 > span::before,
  .staff h3 > span::after {
    display: block;
    content: '';
    width: 0.182vw;
    height: 4.545vw;
    background-color: #b6d350;
    position: absolute;
  }
  .staff h3 > span::before {
    bottom: 0;
    left: -3.636vw;
    transform: rotate(-45deg);
  }
  .staff h3 > span::after {
    bottom: 0;
    right: -3.636vw;
    transform: rotate(45deg);
  }
  .staff h3 > span > span {
    display: inline-block;
    position: relative;
  }
  .staff h3 > span > span::before,
  .staff h3 > span > span::after {
    display: block;
    content: '';
    width: 0.182vw;
    height: 6.364vw;
    background-color: #478251;
    position: absolute;
  }
  .staff h3 > span > span::before {
    bottom: 0;
    left: -2.455vw;
    transform: rotate(-30deg);
  }
  .staff h3 > span > span::after {
    bottom: 0;
    right: -2.455vw;
    transform: rotate(30deg);
  }
  .staff .lead {
    margin-top: 1.818vw;
    font-size: 1.545vw;
    font-weight: 500;
    line-height: 1.88;
    text-align: center;
  }
  .staff .staffSwiperWrap {
    position: relative;
  }
  .staff .swiper {
    margin-top: 4.545vw;
  }
  .staff .swiper-slide {
    background-color: #c0d576;
    border-radius: 19.364vw;
  }
  .staff .swiper-slide.swiper-slide-prev,
  .staff .swiper-slide.swiper-slide-next {
    opacity: 0.7;
  }
  .staff .swiper-slide.swiper-slide-prev {
    transform: translate3d(140px, 0px, -300px) scale(0.8);
  }
  .staff .swiper-slide.swiper-slide-next {
    transform: translate3d(-140px, 0px, -300px) scale(0.8);
  }
  .staff .swiper-slide.swiper-slide-active {
    z-index: 1;
  }
  .staff .swiper-prev,
  .staff .swiper-next {
    width: 6.364vw;
    height: 6.364vw;
    position: absolute;
    top: calc(50% - 6.364vw);
    z-index: 10;
    cursor: pointer;
  }
  .staff .swiper-prev {
    left: -3.182vw;
  }
  .staff .swiper-next {
    right: -3.182vw;
  }
  .staff .swiper-prev.swiper-button-disabled,
  .staff .swiper-next.swiper-button-disabled {
    display: none;
  }
  .staff .swiper-pagination {
    margin-top: 1.818vw;
    position: static;
  }
  .staff .swiper-pagination-bullet {
    margin: 0 5px !important;
    width: 0.909vw;
    height: 0.909vw;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    border: solid 2px #478251;
    opacity: 1;
  }
  .staff .swiper-pagination-bullet-active {
    background-color: #478251;
  }
  .staff .itemTtl {
    margin-top: 4.545vw;
    font-size: 2.636vw;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #478251;
    text-align: center;
  }
  .staff .fx {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .staff .itemTxt {
    margin-left: 2.727vw;
    width: 20vw;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
  }
  .staff .itemPic01 {
    margin-left: -3.636vw;
    width: 17.727vw;
  }
  .staff .itemPic02 {
    margin: 0 auto;
    width: 100%;
  }
  .staff .icon01 {
    position: absolute;
    top: 4.545vw;
    left: 1.364vw;
  }
  .staff .icon02 {
    position: absolute;
    top: 3.636vw;
    right: 1.364vw;
  }
}
@media screen and (max-width: 767px) {
  .contents .block.staff {
    border-radius: 57% / 7%;
  }
  .staff .inner {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
  }
  .staff h3 {
    font-size: 6vw;
  }
  .staff h3 > span::before,
  .staff h3 > span::after {
    width: 0.267vw;
    height: 6.667vw;
  }
  .staff h3 > span::before {
    left: -5.333vw;
  }
  .staff h3 > span::after {
    right: -5.333vw;
  }
  .staff h3 > span > span::before,
  .staff h3 > span > span::after {
    width: 0.267vw;
    height: 9.333vw;
  }
  .staff h3 > span > span::before {
    left: -3.6vw;
  }
  .staff h3 > span > span::after {
    right: -3.6vw;
  }
  .staff .lead {
    margin-top: 2.667vw;
    font-size: 3.6vw;
    line-height: 1.7;
  }
  .staff .staffSwiperWrap {
    position: relative;
  }
  .staff .swiper {
    margin-top: 6.667vw;
  }
  .staff .swiper-slide {
    border-radius: 36.667vw;
  }
  .staff .swiper-slide.swiper-slide-prev {
    transform: unset;
  }
  .staff .swiper-slide.swiper-slide-next {
    transform: unset;
  }
  .staff .swiper-prev,
  .staff .swiper-next {
    width: 9.333vw;
    height: 9.333vw;
    top: calc(50% - 9.333vw);
  }
  .staff .swiper-prev {
    left: 6.667vw;
  }
  .staff .swiper-next {
    right: 6.667vw;
  }
  .staff .swiper-pagination {
    margin-top: 2.667vw;
  }
  .staff .swiper-pagination-bullet {
    margin: 0 7px !important;
    width: 2.267vw;
    height: 2.267vw;
    border-width: 0.4vw;
  }
  .staff .swiper-pagination-bullet-active {
    background-color: #478251;
  }
  .staff .itemTtl {
    margin-top: 6.667vw;
    font-size: 4.267vw;
  }
  .staff .itemTxt {
    margin-left: 4vw;
    width: 37.333vw;
  }
  .staff .itemPic01 {
    margin-left: -9.333vw;;
    width: 36vw;
  }
  .staff .icon01 {
    display: none;
  }
  .staff .icon02 {
    display: none;
  }
  .staff .icon03 {
    width: 15.467vw;
    position: absolute;
    top: 6.667vw;
    left: 2vw;
  }
  .staff .icon04 {
    width: 18.133vw;
    position: absolute;
    top: 1.333vw;
    right: 2vw;
  }
}

/* present */
.present .inner {
  padding: 0;
  background-color: unset;
  position: relative;
}
.present .detail {
  margin-left: -35px;
  padding: 110px;
  background-color: #fff;
  border-radius: 50%;
  width: 743px;
  height: 743px;
}
.present .detail h3 {
  font-size: 45px;
  font-weight: 500;
}
.present .detail .info dl {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 0 20px;
  text-align: left;
}
.present .detail .info dl dt {
  flex-shrink: 0;
  padding: 7px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.23em;
  width: 135px;
  text-align: center;
  border: solid 2px #000;
  border-radius: 20px;
}
.present .detail .info dl.date dt {
  background-color: #b6d350;
}
.present .detail .info dl.shop dt {
  background-color: #59ac58;
}
.present .detail .info dl dd {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.present .detail .info dl dd .txt {
  font-size: 20px;
  line-height: 1;
}
.present .detail .info dl dd .txt span {
  font-size: 30px;
}
.present .detail .info dl dd .note {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
}
.present .detail .lead {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.55;
  text-align: left;
}
.present .detail .lead .note {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.present .clover {
  font-size: 20px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #478251;
  width: 225px;
  height: 225px;
  background-image: url(../../img/contents/present_bg01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(5deg);
  position: absolute;
  top: 40px;
  right: -20px;
}
.present .pic {
  position: absolute;
  bottom: 15px;
  right: -10px;
}
.present .icon01 {
  width: 63px;
  position: absolute;
  top: 50px;
  left: 65px;
}
.present .icon02 {
  width: 73px;
  position: absolute;
  top: 80px;
  left: 570px;
}
.present .icon03 {
  width: 108px;
  position: absolute;
  bottom: 35px;
  left: 75px;
}
.present .icon04 {
  width: 97px;
  position: absolute;
  bottom: 90px;
  right: 380px;
}
.present .icon05 {
  width: 87px;
  position: absolute;
  bottom: 10px;
  right: 450px;
}
@media screen and (max-width: 1100px) {
  .present .inner {
    padding: 0;
    background-color: unset;
    position: relative;
  }
  .present .detail {
    margin-left: -3.182vw;
    padding: 10vw;
    background-color: #fff;
    border-radius: 50%;
    width: 67.545vw;
    height: 67.545vw;
  }
  .present .detail h3 {
    font-size: 4.091vw;
    font-weight: 500;
  }
  .present .detail .info dl {
    margin-top: 2.727vw;
    display: flex;
    align-items: center;
    gap: 0 1.818vw;
    text-align: left;
  }
  .present .detail .info dl dt {
    padding: 0.636vw;
    font-size: 1.636vw;
    font-weight: 700;
    letter-spacing: 0.23em;
    width: 12.273vw;
    text-align: center;
    border: solid 2px #000;
    border-radius: 1.818vw;
  }
  .present .detail .info dl.date dt {
    background-color: #b6d350;
  }
  .present .detail .info dl.shop dt {
    background-color: #59ac58;
  }
  .present .detail .info dl dd {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  .present .detail .info dl dd .txt {
    font-size: 1.818vw;
    line-height: 1;
  }
  .present .detail .info dl dd .txt span {
    font-size: 2.727vw;
  }
  .present .detail .info dl dd .note {
    margin-top: 0.455vw;
    font-size: 1.091vw;
    font-weight: 500;
  }
  .present .detail .lead {
    margin-top: 2.727vw;
    font-size: 1.818vw;
    font-weight: 500;
    line-height: 1.55;
    text-align: left;
  }
  .present .detail .lead .note {
    display: block;
    margin-top: 0.273vw;
    font-size: 1.091vw;
    font-weight: 500;
    text-align: left;
  }
  .present .clover {
    font-size: 1.818vw;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #478251;
    width: 20.455vw;
    height: 20.455vw;
    background-image: url(../../img/contents/present_bg01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(5deg);
    position: absolute;
    top: 3.636vw;
    right: -1.818vw;
  }
  .present .pic {
    position: absolute;
    bottom: 1.818vw;
    right: 0;
  }
  .present .icon01 {
    width: 5.727vw;
    position: absolute;
    top: 4.545vw;
    left: 5.909vw;
  }
  .present .icon02 {
    width: 6.636vw;
    position: absolute;
    top: 7.273vw;
    left: 51.818vw;
  }
  .present .icon03 {
    width: 9.818vw;
    position: absolute;
    bottom: 3.182vw;
    left: 6.818vw;
  }
  .present .icon04 {
    width: 8.818vw;
    position: absolute;
    bottom: 8.182vw;
    right: 34.545vw;
  }
  .present .icon05 {
    width: 7.909vw;
    position: absolute;
    bottom: 0.909vw;
    right: 40.909vw;
  }
}
@media screen and (max-width: 767px) {
  .present .inner {
    max-width: 100%;
  }
  .contents .block.present {
    margin-top: 10vw;
    margin-left: -5.333vw;
    margin-right: -5.333vw;
  }
  .present .detail {
    margin: 0 auto;
    padding: 8vw 6.667vw 8vw 10.667vw;
    width: 99.067vw;
    height: 99.067vw;
  }
  .present .detail h3 {
    font-size: 6vw;
  }
  .present .detail .info dl {
    margin-top: 4vw;
    gap: 0 2.667vw;
  }
  .present .detail .info dl dt {
    padding: 1.333vw;
    font-size: 3.333vw;
    width: 24vw;
    border-radius: 4vw;
  }
  .present .detail .info dl dd .txt {
    font-size: 3.467vw;
  }
  .present .detail .info dl dd .txt span {
    font-size: 5.333vw;
  }
  .present .detail .info dl dd .note {
    margin-top: 0.667vw;
    font-size: 2.667vw;
  }
  .present .detail .lead {
    margin-top: 4vw;
    font-size: 3.733vw;
  }
  .present .detail .lead .note {
    display: inline;
    margin-top: 0;
    font-size: 2.667vw;
  }
  .present .clover {
    margin-left: 4vw;
    font-size: 2.667vw;
    width: 30.667vw;
    height: 30.667vw;
    transform: rotate(-5deg);
    position: static;
  }
  .present .pic {
    width: 55.733vw;
    bottom: -6.667vw;
    right: 4vw;
  }
  .present .icon01 {
    width: 8.4vw;
    top: 5.333vw;
    left: 19.333vw;
  }
  .present .icon02 {
    width: 9.733vw;
    top: 9.333vw;
    left: 81.333vw;
  }
  .present .icon03 {
    width: 14.4vw;
    bottom: 38vw;
    left: 20.667vw;
  }
  .present .icon04 {
    width: 12.933vw;
    bottom: 53.333vw;
    right: 4vw;
  }
  .present .icon05 {
    width: 11.6vw;
    bottom: unset;
    right: unset;
    top: 9.333vw;
    left: 5.333vw;
  }
}

/* notice */
.notice {
  background-color: #fff;
}
.notice .inner {
  margin: 0 auto;
  padding: 50px 0 60px;
  max-width: 928px;
  font-size: 13px;
  text-align: left;
  line-height: 1.53;
  font-family: sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 1100px) {
  .notice .inner {
    margin: 0 auto;
    padding: 4.545vw 0 5.455vw;
    max-width: 84.364vw;
    font-size: 1.182vw;
    text-align: left;
    line-height: 1.53;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
}
@media screen and (max-width: 767px) {
  .notice .inner {
    padding: 4vw 5.333vw;
    font-size: 2.667vw;
  }
}

/* pagetop */
.pagetop {
  width: 100px;
  height: 100px;
  position: fixed;
  bottom: 20px;
  right: max(20px, calc(50% - 750px));
  z-index: 100;
}
@media screen and (max-width: 1100px) {
  .pagetop {
    width: 5.455vw;
    height: 5.455vw;
    position: fixed;
    bottom: 1.818vw;
    right: 1.818vw;
    z-index: 100;
  }
}
@media screen and (max-width: 767px) {
  .pagetop {
    width: 11.2vw;
    height: 11.2vw;
    bottom: 21vw;
    right: 2.667vw;
  }
}