@charset "utf-8";

button:focus-visible {
  outline: auto;
}
a:focus-visible {
  outline: 2px solid dodgerblue;
}
.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

/*---------------------------
  font
---------------------------*/
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400; /* 300, 400, 500, 700, 800, 900 */
  font-style: normal;
}
.dela-gothic-one-regular {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}


/*---------------------------
  main
---------------------------*/
main.narumiya {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 1.333;
  text-align: left;
}
.narumiya section {
  position: relative;
}
.narumiya .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.narumiya button:hover {
  opacity: 1;
}
.narumiya .bgYellow {
  background-color: #FFEFA6;
}
.narumiya .bgYellow.bgTop::before {
  content: '';
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 25px;
  background: url('../../img/contents/common/bg_yellow.png') repeat-x center;
  background-size: 135px 25px;
}
.narumiya .bgWhite {
  background-color: #fff;
}
.narumiya .bgWhite.bgTop::before {
  content: '';
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 25px;
  background: url('../../img/contents/common/bg_white.png') repeat-x center;
  background-size: 135px 25px;
}
.narumiya .bgOrange {
  background-color: #F5A21B;
}
.narumiya .bgOrange.bgTop::before {
  content: '';
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 25px;
  background: url('../../img/contents/common/bg_orange.png') repeat-x center;
  background-size: 135px 25px;
}
.narumiya .bgBlue {
  background-color: #2CA6E0;
}
.narumiya .bgBlue.bgTop::before {
  content: '';
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 25px;
  background: url('../../img/contents/common/bg_blue.png') repeat-x center;
  background-size: 135px 25px;
}
.narumiya .bgCheck {
  background-color: #fff;
  background-image:
    linear-gradient(90deg, rgba(228, 238, 152, 0.3) 48%, transparent 48%),
    linear-gradient(rgba(147, 225, 168, 0.3) 48%, transparent 48%);
  background-size: 25px 25px;
  background-attachment: fixed;
}
.narumiya .bgGreen {
  background: #E6EDAA;
}
.narumiya .charaIcon,
.narumiya .sealIcon {
  position: absolute;
  z-index: 2;
}
.narumiya .charaIcon img,
.narumiya .sealIcon img {
  display: block;
}
@media screen and (max-width: 767px) {
  .narumiya .bgYellow.bgTop::before {
    top: -3.2vw;
    height: 3.333vw;
    background-size: 18vw 3.333vw;
  }
  .narumiya .bgWhite.bgTop::before {
    top: -3.2vw;
    height: 3.333vw;
    background-size: 18vw 3.333vw;
  }
  .narumiya .bgOrange.bgTop::before {
    top: -3.2vw;
    height: 3.333vw;
    background-size: 18vw 3.333vw;
  }
  .narumiya .bgBlue.bgTop::before {
    top: -3.2vw;
    height: 3.333vw;
    background-size: 18vw 3.333vw;
  }
}


/*---------------------------
  hamburger
---------------------------*/
/* hamburger */
/*body {
	overflow-x: clip;
}
body.menuOpen {
	overflow: clip;
}*/
.narumiya .hamburger {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1050;
}
.hamburger #menuButton {
	position: absolute;
	bottom: 20px;
	right: max(20px, calc(50% - 670px));
	background: url("../../img/contents/common/menu.png") no-repeat center;
	width: 116px;
	height: 103px;
  background-size: contain;
	z-index: 990;
  transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
  will-change: transform;
}
.hamburger #menuButton:hover {
  transform: scale(1.06);
}
@media screen and (max-width: 767px) {
  html:has(body.menuOpen) {
    overflow-y: hidden;
  }
  body {
    overflow-x: clip;
  }
  body.menuOpen {
    overflow: clip;
  }
  .hamburger #menuButton {
    bottom: 80px;
    right: 2.667vw;
    width: 15.467vw;
    height: 13.733vw;
    background-size: contain;
  }
}

/* hamburger .menuOpen */
.menuOpen .hamburger {
	position: fixed;
}
.hamburger #overlay {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 0, 0, 0.5);*/
	z-index: 997;
	transition: opacity 0.3s;
}
.menuOpen .hamburger #overlay {
	visibility: visible;
	opacity: 1;
}
.menuOpen .hamburger #menuButton {
	display: none;
}
.hamburger #menuClose {
	display: none;
	position: absolute;
	top: -13px;
	right: -13px;
	z-index: 1;
	background: url("../../img/contents/common/icon_close.png") no-repeat center;
	width: 51px;
	height: 51px;
  background-size: contain;
  transition: transform 0.5s cubic-bezier(0.34, 2.56, 0.64, 1);
  will-change: transform;
}
.menuOpen .hamburger #menuClose {
	display: block;
  animation: menuCloseBtn 0.9s ease;
}
.menuOpen .hamburger #menuClose:hover {
  transform: scale(1.1);
}
@keyframes menuCloseBtn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  40% {
    opacity: 0;
    transform: scale(1);
  }
  70% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  .menuOpen .hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .hamburger #overlay {
    backdrop-filter: blur(10px);
    background: #e0ddff80;
  }
  .hamburger #menuClose {
    top: -2.8vw;
    right: -2.8vw;
    width: 11.333vw;
    height: 11.333vw;
    background-size: contain;
  }
}

/* hamburger .inner */
.hamburger #menu {
	position: fixed;
	width: auto;
	background: transparent;
	right: 20px;
  right: max(20px, calc(50% - 670px));
	bottom: 20px;
	z-index: 998;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
  padding: 0;
}
.hamburger #menu .menuSlide {
  position: relative;
}
.menuOpen .hamburger #menu {
  overflow: visible;
	visibility: visible;
	pointer-events: auto;
}
.hamburger #menu .menuSlide .innerBg {
  background: #B9D155;
  padding: 3px;
  border-radius: 16px;
}
.hamburger #menu .menuSlide .inner {
  padding: 25px 15px 15px;
  border: 1px solid #333;
  border-radius: 14px;
	overflow-y: auto;
  scrollbar-width: none;  /* スクロールバー非表示 */
	max-height: calc(100vh - 150px);
}
.hamburger #menu .menuSlide .inner::-webkit-scrollbar {
	display: none;  /* スクロールバー非表示 */
}
@media screen and (max-width: 767px) {
  .hamburger #menu {
    right: auto;
    bottom: auto;
  }
  .hamburger #menu .menuSlide .innerBg {
    padding: 0.8vw;
    border-radius: 3.6vw;
  }
  .hamburger #menu .menuSlide .inner {
    padding: 6vw 2.933vw 3.333vw;
    border-radius: 3.067vw;
  }
}

/* hamburger 中身 */
.hamburger .menuSlide .charaMenu {
  position: absolute;
  top: -47px;
  left: 8px;
  width: 106px;
  z-index: 1;
}
.hamburger .inner h2 {
  width: 78px;
  margin: 0 auto;
}
.hamburger .inner ul {
  margin-top: 15px;
}
.hamburger .inner ul li {
  position: relative;
}
.hamburger .inner ul li::before {
  content: "";
  position: absolute;
  background: url("../../img/contents/common/menu_border.png") no-repeat center top;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-size: contain;
}
.hamburger .inner ul li a {
  display: block;
  padding: 12px 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  -webkit-text-stroke: 2px #000;
  paint-order: stroke fill;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 767px) {
  .hamburger .menuSlide .charaMenu {
    top: -10.4vw;
    left: 2.667vw;
    width: 23.467vw;
  }
  .hamburger .inner h2 {
    width: 17.333vw;
  }
  .hamburger .inner ul {
    margin-top: 3.067vw;
  }
  .hamburger .inner ul li::before {
    width: 100%;
    height: 0.4vw;
    background-size: 100% 100%;
  }
  .hamburger .inner ul li a {
    padding: 2.267vw 0 2vw;
    font-size: 3.6vw;
    -webkit-text-stroke: 0.4vw #000;
  }
}


/*---------------------------
  mvWrap
---------------------------*/
.mvWrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  background: url("../../img/contents/mv/top_bg.png") repeat-x center;
  background-size: 110px 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.mvWrap::after {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  background: url("../../img/contents/mv/top_icon.png") no-repeat center;
  background-size: contain;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.mvWrap .inner {
  padding: 0 50px;
}
.mvWrap .inner.active01::before {
  content: "";
  position: absolute;
  top: 103px;
  left: 8px;
  width: 34px;
  height: calc(100% - 105px);
  background: url("../../img/contents/mv/mv_deco.png") top center;
  background-size: 16px 16px;
  background-repeat: space;
}
.mvWrap .inner.active02::after {
  content: "";
  position: absolute;
  top: 103px;
  right: 8px;
  width: 34px;
  height: calc(100% - 105px);
  background: url("../../img/contents/mv/mv_deco.png") top center;
  background-size: 16px 16px;
  background-repeat: space;
}
.mvWrap .box .topBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}
.mvWrap .box .topBox .logoWrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mvWrap .box .topBox .logoWrap .logo01 {
  width: 312px;
}
.mvWrap .box .topBox .logoWrap .logo02 {
  width: 155px;
}
.mvWrap .box .topBox .topImg {
  width: 111px;
  margin-right: 32px;
}
.mvWrap .box {
  position: relative;
  height: 835px;
  background: linear-gradient(165deg, #359DD8 0%, #A8DBF3 62%, #fff 70%, #FFEEC8 78%, #FFF9B4 100%);
}
.mvWrap .box .seal01,
.mvWrap .box .seal02,
.mvWrap .box .seal03,
.mvWrap .box .seal04 {
  position: absolute;
}
.mvWrap .box .ttl {
  width: 434px;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
}
.mvWrap .box .date {
  width: 445px;
  top: 499px;
  left: 50%;
  transform: translateX(-50%);
}
.mvWrap .box .mv03 {
  width: 226px;
  top: 117px;
  left: 80px;
}
.mvWrap .box .mv04 {
  width: 210px;
  top: 115px;
  right: 31px;
}
.mvWrap .box .mv05 {
  width: 248px;
  bottom: 20px;
  left: 10px;
}
.mvWrap .box .mv06 {
  width: 134px;
  bottom: 15px;
  left: 255px;
}
.mvWrap .box .mv07 {
  width: 303px;
  bottom: 16px;
  right: 15px;
}
.mvWrap .box .mv08 {
  width: 126px;
  top: 435px;
  left: 14px;
}
.mvWrap .box .mv09 {
  width: 155px;
  top: 453px;
  left: 135px;
}
.mvWrap .box .mv10 {
  width: 162px;
  top: 449px;
  right: 10px;
}
.mvWrap .box .mv11 {
  width: 118px;
  top: 399px;
  right: 165px;
}
.mvWrap .box .mv12 {
  width: 116px;
  bottom: 64px;
  left: 467px;
}
.mvWrap .box .mv13 {
  width: 79px;
  bottom: 111px;
  left: 389px;
}
.mvWrap .box .mv14 {
  width: 122px;
  bottom: 108px;
  left: 596px;
}
.mvWrap .box .mv15 {
  width: 181px;
  top: 99px;
  left: 342px;
}
.mvWrap .box .mv16 {
  width: 57px;
  top: 132px;
  right: 231px;
}
.mvWrap .box .mv17 {
  width: 65px;
  top: 110px;
  left: 68px;
}
.mvWrap .box .mv18 {
  width: 67px;
  top: 170px;
  left: 17px;
}
.mvWrap .box .mv19 {
  width: 109px;
  top: 264px;
  right: 180px;
}
.mvWrap .box .mv20 {
  width: 53px;
  bottom: 118px;
  right: 14px;
}
.mvWrap .box .mv21 {
  width: 284px;
  bottom: 24px;
  left: 17px;
}
.mvWrap .box .mv22 {
  width: 213px;
  top: 367px;
  right: 24px;
}
.mvWrap .box .mv23 {
  width: 390px;
  bottom: 17px;
  left: 309px;
}
.mvWrap .box .txt {
  position: absolute;
  bottom: 5px;
  left: 9px;
  font-size: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1100px) {
  .mvWrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 9.091vw;
    background: url("../../img/contents/mv/top_bg.png") repeat-x center;
    background-size: 10vw 100%;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .mvWrap::after {
    content: "";
    position: absolute;
    width: 2.636vw;
    height: 2.636vw;
    background: url("../../img/contents/mv/top_icon.png") no-repeat center;
    background-size: contain;
    top: 1.545vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .mvWrap .inner {
    padding: 0 4.545vw;
  }
  .mvWrap .inner.active01::before {
    content: "";
    position: absolute;
    top: 9.364vw;
    left: 0.727vw;
    width: 3.091vw;
    height: calc(100% - 9.545vw);
    background: url("../../img/contents/mv/mv_deco.png") top center;
    background-size: 1.455vw 1.455vw;
    background-repeat: space;
  }
  .mvWrap .inner.active02::after {
    content: "";
    position: absolute;
    top: 9.364vw;
    right: 0.727vw;
    width: 3.091vw;
    height: calc(100% - 9.545vw);
    background: url("../../img/contents/mv/mv_deco.png") top center;
    background-size: 1.455vw 1.455vw;
    background-repeat: space;
  }
  .mvWrap .box .topBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.364vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
  }
  .mvWrap .box .topBox .logoWrap {
    display: flex;
    align-items: center;
    gap: 0.364vw;
  }
  .mvWrap .box .topBox .logoWrap .logo01 {
    width: 28.364vw;
  }
  .mvWrap .box .topBox .logoWrap .logo02 {
    width: 14.091vw;
  }
  .mvWrap .box .topBox .topImg {
    width: 10.091vw;
    margin-right: 2.909vw;
  }
  .mvWrap .box {
    position: relative;
    height: 75.909vw;
    background: linear-gradient(165deg, #359DD8 0%, #A8DBF3 62%, #fff 70%, #FFEEC8 78%, #FFF9B4 100%);
  }
  .mvWrap .box .seal01,
  .mvWrap .box .seal02 {
    position: absolute;
  }
  .mvWrap .box .ttl {
    width: 39.455vw;
    top: 12.727vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .mvWrap .box .date {
    width: 40.455vw;
    top: 45.364vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .mvWrap .box .mv03 {
    width: 20.545vw;
    top: 10.636vw;
    left: 7.273vw;
  }
  .mvWrap .box .mv04 {
    width: 19.091vw;
    top: 10.455vw;
    right: 2.818vw;
  }
  .mvWrap .box .mv05 {
    width: 22.545vw;
    bottom: 1.818vw;
    left: 0.909vw;
  }
  .mvWrap .box .mv06 {
    width: 12.182vw;
    bottom: 1.364vw;
    left: 23.182vw;
  }
  .mvWrap .box .mv07 {
    width: 27.545vw;
    bottom: 1.455vw;
    right: 1.364vw;
  }
  .mvWrap .box .mv08 {
    width: 11.455vw;
    top: 39.545vw;
    left: 1.273vw;
  }
  .mvWrap .box .mv09 {
    width: 14.091vw;
    top: 41.182vw;
    left: 12.273vw;
  }
  .mvWrap .box .mv10 {
    width: 14.727vw;
    top: 40.818vw;
    right: 0.909vw;
  }
  .mvWrap .box .mv11 {
    width: 10.727vw;
    top: 36.273vw;
    right: 15vw;
  }
  .mvWrap .box .mv12 {
    width: 10.545vw;
    bottom: 5.818vw;
    left: 42.455vw;
  }
  .mvWrap .box .mv13 {
    width: 7.182vw;
    bottom: 10.091vw;
    left: 35.364vw;
  }
  .mvWrap .box .mv14 {
    width: 11.091vw;
    bottom: 9.818vw;
    left: 54.182vw;
  }
  .mvWrap .box .mv15 {
    width: 16.455vw;
    top: 9vw;
    left: 31.091vw;
  }
  .mvWrap .box .mv16 {
    width: 5.182vw;
    top: 12vw;
    right: 21vw;
  }
  .mvWrap .box .mv17 {
    width: 5.909vw;
    top: 10vw;
    left: 6.182vw;
  }
  .mvWrap .box .mv18 {
    width: 6.091vw;
    top: 15.455vw;
    left: 1.545vw;
  }
  .mvWrap .box .mv19 {
    width: 9.909vw;
    top: 24vw;
    right: 16.364vw;
  }
  .mvWrap .box .mv20 {
    width: 4.818vw;
    bottom: 10.727vw;
    right: 1.273vw;
  }
  .mvWrap .box .mv21 {
    width: 25.818vw;
    bottom: 2.182vw;
    left: 1.545vw;
  }
  .mvWrap .box .mv22 {
    width: 19.364vw;
    top: 33.364vw;
    right: 2.182vw;
  }
  .mvWrap .box .mv23 {
    width: 35.455vw;
    bottom: 1.545vw;
    left: 28.091vw;
  }
  .mvWrap .box .txt {
    position: absolute;
    bottom: 0.455vw;
    left: 0.818vw;
    font-size: 0.727vw;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) {
  .mvWrap::before {
    height: 17.2vw;
    background-size: 18.933vw 100%;
    background-position-x: -8.5%;
  }
  .mvWrap::after {
    width: 4vw;
    height: 4vw;
    top: 4.133vw;
  }
  .mvWrap .inner {
    padding: 0 2.533vw;
  }
  .mvWrap .inner.active01::before {
    top: 15.6vw;
    left: 0.4vw;
    width: 1.6vw;
    height: calc(100% - 15.6vw);
    background-size: 1.6vw 1.6vw;
  }
  .mvWrap .inner.active02::after {
    top: 15.6vw;
    right: 0.4vw;
    width: 1.6vw;
    height: calc(100% - 15.6vw);
    background-size: 1.6vw 1.6vw;
  }
  .mvWrap .box .topBox {
    height: 13.333vw;
  }
  .mvWrap .box .topBox .logoWrap {
    gap: 7.333vw;
    margin-left: 0.667vw;
  }
  .mvWrap .box .topBox .logoWrap .logo01 {
    width: 42.667vw;
  }
  .mvWrap .box .topBox .logoWrap .logo02 {
    width: 21.333vw;
  }
  .mvWrap .box .topBox .topImg {
    width: 18.133vw;
    margin-right: 0.667vw;
  }
  .mvWrap .box {
    height: 112.667vw;
  }
  .mvWrap .box .ttl {
    width: 46.667vw;
    top: 35.467vw;
  }
  .mvWrap .box .date {
    width: 47.6vw;
    top: 74.4vw;
  }
  .mvWrap .box .mv03 {
    width: 24vw;
    top: 18.4vw;
    left: 6.4vw;
  }
  .mvWrap .box .mv04 {
    width: 22.267vw;
    top: 18.133vw;
    right: 4.267vw;
  }
  .mvWrap .box .mv05 {
    width: 26.267vw;
    bottom: 3.333vw;
    left: 3.333vw;
  }
  .mvWrap .box .mv06 {
    width: 14.133vw;
    bottom: 2.267vw;
    left: 30.133vw;
  }
  .mvWrap .box .mv07 {
    width: 32.267vw;
    bottom: 4.267vw;
    right: 0.8vw;
  }
  .mvWrap .box .mv08 {
    width: 13.333vw;
    top: 55.2vw;
    left: 1.733vw;
  }
  .mvWrap .box .mv09 {
    width: 16.4vw;
    top: 66.8vw;
    left: 7.733vw;
  }
  .mvWrap .box .mv10 {
    width: 17.2vw;
    top: 55.2vw;
    right: 2.267vw;
  }
  .mvWrap .box .mv11 {
    width: 12.4vw;
    top: 26.133vw;
    right: 45.2vw;
  }
  .mvWrap .box .mv12 {
    width: 12.133vw;
    bottom: 9.867vw;
    left: 52.267vw;
  }
  .mvWrap .box .mv13 {
    width: 8.267vw;
    bottom: 15.067vw;
    left: 43.6vw;
  }
  .mvWrap .box .mv14 {
    width: 13.067vw;
    bottom: 26.4vw;
    left: 75.467vw;
  }
  .mvWrap .box .mv15 {
    width: 19.333vw;
    top: 17.067vw;
    left: 36vw;
  }
  .mvWrap .box .mv16 {
    width: 6.267vw;
    top: 19.867vw;
    right: 25.867vw;
  }
  .mvWrap .box .mv17 {
    width: 6.667vw;
    top: 18vw;
    left: 6.267vw;
  }
  .mvWrap .box .mv18 {
    width: 21.867vw;
    top: 25.733vw;
    left: 1.467vw;
  }
  .mvWrap .box .mv19 {
    width: 22.133vw;
    top: 27.333vw;
    right: 17.467vw;
  }
  .mvWrap .box .mv20 {
    width: 5.867vw;
    bottom: 18.933vw;
    right: 1.2vw;
  }
  .mvWrap .box .mv21 {
    width: 31.467vw;
    bottom: 3.733vw;
    left: 3.467vw;
  }
  .mvWrap .box .mv22 {
    width: 20.4vw;
    top: 47.333vw;
    right: 4.4vw;
  }
  .mvWrap .box .mv23 {
    width: 30vw;
    bottom: 1.867vw;
    left: 36.933vw;
  }
  .mvWrap .box .txt {
    bottom: 0.4vw;
    left: 0.667vw;
    font-size: 0.933vw;
  }
}

/*---------------------------
  upupWrap
---------------------------*/
.upupWrap {
  padding: 65px 0;
}
/* sealIcon */
.upupWrap .sealIcon.icon01 {
  width: 53px;
  top: -15px;
  left: 68px;
}
.upupWrap .sealIcon.icon02 {
  width: 32px;
  top: 261px;
  left: 58px;
}
.upupWrap .sealIcon.icon03 {
  width: 68px;
  top: 296px;
  left: 77px;
}
.upupWrap .sealIcon.icon04 {
  width: 56px;
  top: 287px;
  right: 108px;
}
.upupWrap .sealIcon.icon05 {
  width: 43px;
  top: 326px;
  right: 175px;
}
@media screen and (max-width: 1100px) {
  .upupWrap {
    padding: 5.909vw 0;
  }
  /* sealIcon */
  .upupWrap .sealIcon.icon01 {
    width: 4.818vw;
    top: -1.364vw;
    left: 6.182vw;
  }
  .upupWrap .sealIcon.icon02 {
    width: 2.909vw;
    top: 23.727vw;
    left: 5.273vw;
  }
  .upupWrap .sealIcon.icon03 {
    width: 6.182vw;
    top: 26.909vw;
    left: 7vw;
  }
  .upupWrap .sealIcon.icon04 {
    width: 5.091vw;
    top: 26.091vw;
    right: 9.818vw;
  }
  .upupWrap .sealIcon.icon05 {
    width: 3.909vw;
    top: 29.636vw;
    right: 15.909vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap {
    padding: 7.333vw 0 8vw;
  }
  /* sealIcon */
  .upupWrap .sealIcon.icon01 {
    width: 7.067vw;
    top: 12.4vw;
    left: 8.4vw;
  }
  .upupWrap .sealIcon.icon02 {
    width: 4.267vw;
    top: 11.333vw;
    left: 85.467vw;
  }
  .upupWrap .sealIcon.icon03 {
    width: 9.067vw;
    top: 16.533vw;
    left: 87.867vw;
  }
  .upupWrap .sealIcon.icon04 {
    width: 7.467vw;
    top: auto;
    bottom: -0.667vw;
    right: 5.333vw;
  }
  .upupWrap .sealIcon.icon05 {
    width: 5.733vw;
    top: auto;
    bottom: -3.6vw;
    right: 14.533vw;
  }
}

/* flexBox */
.upupWrap .flexBox {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 0 35px;
  margin: 0 100px;
}
.upupWrap .flexBox .ttlWrap {
  width: calc(100% - 500px - 35px);
  margin-top: 13px;
}
.upupWrap .flexBox .ttlWrap h3 {
  width: 432px;
  margin-left: -3.2em;
  margin-bottom: 0.5rem;
}
.upupWrap .flexBox .ttlWrap .txt {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 1.93;
  -webkit-text-stroke: 0.5px #2CA6E0;
}
.upupWrap .flexBox .ttlWrap .txt01,
.upupWrap .flexBox .ttlWrap .txt06 {
  margin-left: -20px;
}
.upupWrap .flexBox .ttlWrap .txt02,
.upupWrap .flexBox .ttlWrap .txt05 {
  margin-left: -10px;
}
.upupWrap .flexBox .ttlWrap .txt07 {
  margin-left: -40px;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 0 3.182vw;
    margin: 0 9.091vw;
  }
  .upupWrap .flexBox .ttlWrap {
    width: calc(100% - 45.455vw - 3.182vw);
    margin-top: 1.182vw;
  }
  .upupWrap .flexBox .ttlWrap h3 {
    width: 39.273vw;
    margin-left: -3.2em;
    margin-bottom: 0.5rem;
  }
  .upupWrap .flexBox .ttlWrap .txt {
    font-family: "Dela Gothic One", sans-serif;
    font-size: 1.455vw;
    color: #fff;
    line-height: 1.93;
    -webkit-text-stroke: 0.5px #2CA6E0;
  }
  .upupWrap .flexBox .ttlWrap .txt01,
  .upupWrap .flexBox .ttlWrap .txt06 {
    margin-left: -1.818vw;
  }
  .upupWrap .flexBox .ttlWrap .txt02,
  .upupWrap .flexBox .ttlWrap .txt05 {
    margin-left: -0.909vw;
  }
  .upupWrap .flexBox .ttlWrap .txt07 {
    margin-left: -3.636vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0;
    margin: 0 auto;
  }
  .upupWrap .flexBox .ttlWrap {
    width: 100%;
    margin-top: 0;
  }
  .upupWrap .flexBox .ttlWrap h3 {
    width: 72.267vw;
    margin: 0 auto 2vw;
  }
  .upupWrap .flexBox .ttlWrap .txt {
    font-size: 4vw;
    line-height: 1.66;
    text-align: center;
  }
  .upupWrap .flexBox .ttlWrap .txt01,
  .upupWrap .flexBox .ttlWrap .txt06 {
    margin-left: auto;
  }
  .upupWrap .flexBox .ttlWrap .txt02,
  .upupWrap .flexBox .ttlWrap .txt05 {
    margin-left: auto;
  }
  .upupWrap .flexBox .ttlWrap .txt07 {
    margin-left: auto;
  }
}

/* flexBox slide */
.upupWrap .flexBox .slide {
  position: relative;
  padding-top: 20px;
}
.upupWrap .flexBox .slide .swiper {
  overflow: visible;
  width: 500px;
  height: 270px;
  border-radius: 135px;
  border: 2px solid #fff;
}
.upupWrap .flexBox .slide .swiper .slideInner {
  padding-top: 20px;
}
.upupWrap .flexBox .slide .swiper-slide h4 {
  text-align: center;
}
.upupWrap .flexBox .slide .swiper-slide .swiperCharaWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.upupWrap .flexBox .slide .swiper-slide .swiperCharaWrap .charaIcon {
  opacity: 0;
  position: relative;
}
.upupWrap .flexBox .slide .swiper-slide .charaIconBg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox .slide {
    position: relative;
    padding-top: 1.818vw;
  }
  .upupWrap .flexBox .slide .swiper {
    overflow: visible;
    width: 45.455vw;
    height: 24.545vw;
    border-radius: 12.273vw;
    border: 2px solid #fff;
  }
  .upupWrap .flexBox .slide .swiper .slideInner {
    padding-top: 1.818vw;
  }
  .upupWrap .flexBox .slide .swiper-slide h4 {
    text-align: center;
  }
  .upupWrap .flexBox .slide .swiper-slide .swiperCharaWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
  .upupWrap .flexBox .slide .swiper-slide .swiperCharaWrap .charaIcon {
    opacity: 0;
    position: relative;
  }
  .upupWrap .flexBox .slide .swiper-slide .charaIconBg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox .slide {
    padding-top: 6vw;
  }
  .upupWrap .flexBox .slide .swiper {
    width: 89.6vw;
    height: 56.4vw;
    border-radius: 11.2vw;
    border: 2px solid #fff;
  }
  .upupWrap .flexBox .slide .swiper .slideInner {
    padding-top: 5.333vw;
  }
}

/* slide01 */
.upupWrap .flexBox .slide .swiper-slide.slide01 .slideInner {
  padding-top: 0;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 h4 {
  margin-top: -15px;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 h4 img {
  width: 306px;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 .lead {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.64;
  text-align: center;
  transform: rotate(0.03deg);
}
.upupWrap .flexBox .slide .swiper-slide.slide01 .swiperCharaWrap {
  margin-top: 12px;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara01 {
  width: 111px;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara02 {
  width: 77px;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara03 {
  width: 105px;
  top: 10px;
  left: 8px;
}
.upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara04 {
  width: 81px;
  top: -15px;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox .slide .swiper-slide.slide01 .slideInner {
    padding-top: 0;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 h4 {
    margin-top: -1.364vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 h4 img {
    width: 27.818vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .lead {
    margin-top: 1.091vw;
    font-size: 1.273vw;
    line-height: 1.64;
    text-align: center;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .swiperCharaWrap {
    margin-top: 1.091vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara01 {
    width: 10.091vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara02 {
    width: 7vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara03 {
    width: 9.545vw;
    top: 0.909vw;
    left: 0.727vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara04 {
    width: 7.364vw;
    top: -1.364vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox .slide .swiper-slide.slide01 .slideInner {
    padding-top: 0;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 h4 {
    margin-top: -3.2vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 h4 img {
    width: 52.667vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .lead {
    margin-top: 2.667vw;
    font-size: 2.667vw;
    line-height: 1.75;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .swiperCharaWrap {
    margin-top: 2vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara01 {
    width: 23.733vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara02 {
    width: 16.4vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara03 {
    width: 22.267vw;
    top: 2.667vw;
    left: 1.733vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide01 .charaIcon.chara04 {
    width: 17.333vw;
    top: -2vw;
  }
}

/* slide02 */
.upupWrap .flexBox .slide .swiper-slide.slide02 h4 img {
  width: 225px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara01 {
  width: 114px;
  top: 42px;
  left: 97px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara02 {
  width: 82px;
  top: 99px;
  left: 234px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara03 {
  width: 115px;
  top: 40px;
  left: 332px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .swiperCharaWrap {
  margin-top: 24px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara01 {
  width: 196px;
  left: -10px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara02 {
  width: 74px;
  top: 47px;
  left: -8px;
}
.upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara03 {
  width: 135px;
  top: 2px;
  left: 4px;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox .slide .swiper-slide.slide02 h4 img {
    width: 20.455vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara01 {
    width: 10.364vw;
    top: 3.818vw;
    left: 8.818vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara02 {
    width: 7.455vw;
    top: 9vw;
    left: 21.273vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara03 {
    width: 10.455vw;
    top: 3.636vw;
    left: 30.182vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .swiperCharaWrap {
    margin-top: 2.182vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara01 {
    width: 17.818vw;
    left: -0.909vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara02 {
    width: 6.727vw;
    top: 4.273vw;
    left: -0.727vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara03 {
    width: 12.273vw;
    top: 0.182vw;
    left: 0.364vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox .slide .swiper-slide.slide02 h4 img {
    width: 43.867vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara01 {
    width: 22.133vw;
    top: 10.4vw;
    left: 14.4vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara02 {
    width: 15.733vw;
    top: 21.733vw;
    left: 41.333vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIconBg.chara03 {
    width: 22.133vw;
    top: 9.6vw;
    left: 60.667vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .swiperCharaWrap {
    margin-top: 6.667vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara01 {
    width: 38vw;
    left: -3.2vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara02 {
    width: 14.267vw;
    top: 9.467vw;
    left: -2.267vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide02 .charaIcon.chara03 {
    width: 26.267vw;
    top: -0.133vw;
    left: 0.533vw;
  }
}

/* slide03 */
.upupWrap .flexBox .slide .swiper-slide.slide03 h4 img {
  width: 172px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara01 {
  width: 185px;
  top: 92px;
  left: 22px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara02 {
  width: 66px;
  top: 141px;
  left: 225px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara03 {
  width: 114px;
  top: 46px;
  left: 306px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .swiperCharaWrap {
  margin-top: 15px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara01 {
  width: 108px;
  top: -19px;
  left: -14px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara02 {
  width: 60px;
  top: -25px;
  left: 14px;
}
.upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara03 {
  width: 114px;
  top: -30px;
  left: 50px;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox .slide .swiper-slide.slide03 h4 img {
    width: 15.636vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara01 {
    width: 16.818vw;
    top: 8.364vw;
    left: 2vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara02 {
    width: 6vw;
    top: 12.818vw;
    left: 20.455vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara03 {
    width: 10.364vw;
    top: 4.182vw;
    left: 27.818vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .swiperCharaWrap {
    margin-top: 1.364vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara01 {
    width: 9.818vw;
    top: -1.727vw;
    left: -1.273vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara02 {
    width: 5.455vw;
    top: -2.273vw;
    left: 1.273vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara03 {
    width: 10.364vw;
    top: -2.727vw;
    left: 4.545vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox .slide .swiper-slide.slide03 h4 img {
    width: 33.333vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara01 {
    width: 35.2vw;
    top: 21.333vw;
    left: 4vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara02 {
    width: 12.667vw;
    top: 29.467vw;
    left: 42.533vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIconBg.chara03 {
    width: 22.133vw;
    top: 10.933vw;
    left: 58.533vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .swiperCharaWrap {
    margin-top: 4vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara01 {
    width: 20.933vw;
    top: -2vw;
    left: -0.4vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara02 {
    width: 11.467vw;
    top: -3.733vw;
    left: 4.933vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide03 .charaIcon.chara03 {
    width: 22vw;
    top: -5.333vw;
    left: 12.533vw;
  }
}

/* slide04 */
.upupWrap .flexBox .slide .swiper-slide.slide04 h4 img {
  width: 239px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara01 {
  width: 114px;
  top: 49px;
  left: 60px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara02 {
  width: 82px;
  top: 102px;
  left: 227px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara03 {
  width: 121px;
  top: 41px;
  left: 326px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .swiperCharaWrap {
  margin-top: 32px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara01 {
  width: 166px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara02 {
  width: 76px;
  top: 36px;
  left: 9px;
}
.upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara03 {
  width: 153px;
  top: -6px;
  left: 23px;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox .slide .swiper-slide.slide04 h4 img {
    width: 21.727vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara01 {
    width: 10.364vw;
    top: 4.455vw;
    left: 5.455vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara02 {
    width: 7.455vw;
    top: 9.273vw;
    left: 20.636vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara03 {
    width: 11vw;
    top: 3.727vw;
    left: 29.636vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .swiperCharaWrap {
    margin-top: 2.909vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara01 {
    width: 15.091vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara02 {
    width: 6.909vw;
    top: 3.273vw;
    left: 0.818vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara03 {
    width: 13.909vw;
    top: -0.545vw;
    left: 2.091vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox .slide .swiper-slide.slide04 h4 img {
    width: 46.533vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara01 {
    width: 22.533vw;
    top: 11.2vw;
    left: 6.8vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara02 {
    width: 15.867vw;
    top: 21.2vw;
    left: 39.2vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIconBg.chara03 {
    width: 22.133vw;
    top: 9.333vw;
    left: 58.8vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .swiperCharaWrap {
    margin-top: 8.533vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara01 {
    width: 32.267vw;
    left: -1.333vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara02 {
    width: 14.667vw;
    top: 5.867vw;
    left: 0.533vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide04 .charaIcon.chara03 {
    width: 29.6vw;
    top: -3.2vw;
    left: 3.067vw;
  }
}

/* slide05 */
.upupWrap .flexBox .slide .swiper-slide.slide05 h4 img {
  width: 165px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara01 {
  width: 131px;
  top: 39px;
  left: 59px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara02 {
  width: 83px;
  top: 93px;
  left: 216px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara03 {
  width: 114px;
  top: 153px;
  left: 327px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .swiperCharaWrap {
  margin-top: 6px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara01 {
  width: 139px;
  left: -18px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara02 {
  width: 105px;
  top: 35px;
  left: -5px;
}
.upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara03 {
  width: 119px;
  top: -21px;
  left: 15px;
}
@media screen and (max-width: 1100px) {
  .upupWrap .flexBox .slide .swiper-slide.slide05 h4 img {
    width: 15vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara01 {
    width: 11.909vw;
    top: 3.545vw;
    left: 5.364vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara02 {
    width: 7.545vw;
    top: 8.455vw;
    left: 19.636vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara03 {
    width: 10.364vw;
    top: 13.909vw;
    left: 29.727vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .swiperCharaWrap {
    margin-top: 0.545vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara01 {
    width: 12.636vw;
    left: -1.636vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara02 {
    width: 9.545vw;
    top: 3.182vw;
    left: -0.455vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara03 {
    width: 10.818vw;
    top: -1.909vw;
    left: 1.364vw;
  }
}
@media screen and (max-width: 767px) {
  .upupWrap .flexBox .slide .swiper-slide.slide05 h4 img {
    width: 33.067vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara01 {
    width: 25.867vw;
    top: 10.133vw;
    left: 7.333vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara02 {
    width: 16.133vw;
    top: 19.333vw;
    left: 38.667vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIconBg.chara03 {
    width: 22.133vw;
    top: 31.467vw;
    left: 60vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .swiperCharaWrap {
    margin-top: 3.467vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara01 {
    width: 26.933vw;
    left: -4.133vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara02 {
    width: 20.4vw;
    top: 5.6vw;
    left: -0.4vw;
  }
  .upupWrap .flexBox .slide .swiper-slide.slide05 .charaIcon.chara03 {
    width: 23.067vw;
    top: -4.933vw;
    left: 3.067vw;
  }
}

/*---------------------------
  slide
---------------------------*/
/* swiperBtnWra */
.narumiya .swiperBtnWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 35px;
  margin-top: -18px;
}
.narumiya .btnBack,
.narumiya .btnNext {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Dela Gothic One", sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  -webkit-text-stroke: 0.5px #2CA6E0;
  border: 2px solid #fff;
  background: #2CA6E0;
  border-radius: 35px;
  padding: 0px 13px 4px;
	cursor: pointer;
	z-index: 10;
}
.narumiya .btnBack::before {
  content: "←";
  display: inline-block;
  font-size: 22px;
  padding-right: 2px;
  padding-bottom: 5px;
}
.narumiya .btnNext::after {
  content: "→";
  display: inline-block;
  font-size: 22px;
  padding-left: 2px;
  padding-bottom: 5px;
}
.narumiya .btnNext,
.narumiya .btnBack {
  transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
  will-change: transform;
}
.narumiya .btnNext:hover,
.narumiya .btnBack:hover {
	opacity: 1;
  transform: scale(1.06);
}
/* btnPagination */
.narumiya .btnPagination {
  position: relative;
	display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 25px;
  padding: 0;
}
.narumiya .btnPagination .swiper-pagination-bullet,
.narumiya .btnPagination .swiper-pagination-bullet-active {
	position: relative;
	width: 11px;
	height: 11px;
  margin: 0;
  background: none;
  border-radius: 0;
  opacity: 1;
  background: url('../../img/contents/common/btn_white.png') no-repeat center;
  background-size: 100% 100%;
}
.narumiya .btnPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url('../../img/contents/common/btn_blue.png') no-repeat center;
  background-size: 100% 100%;
}
@media screen and (max-width: 1100px) {
  /* swiperBtnWra */
  .narumiya .swiperBtnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 3.182vw;
    margin-top: -1.636vw;
  }
  .narumiya .btnBack,
  .narumiya .btnNext {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Dela Gothic One", sans-serif;
    font-size: 1.455vw;
    line-height: 1;
    color: #fff;
    -webkit-text-stroke: 0.5px #2CA6E0;
    border: 2px solid #fff;
    background: #2CA6E0;
    border-radius: 3.182vw;
    padding: 0px 1.182vw 0.364vw;
    cursor: pointer;
    z-index: 10;
  }
  .narumiya .btnBack::before {
    content: "←";
    display: inline-block;
    font-size: 2vw;
    padding-right: 0.182vw;
    padding-bottom: 0.455vw;
  }
  .narumiya .btnNext::after {
    content: "→";
    display: inline-block;
    font-size: 2vw;
    padding-left: 0.182vw;
    padding-bottom: 0.455vw;
  }
  .narumiya .btnNext,
  .narumiya .btnBack {
    transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
    will-change: transform;
  }
  .narumiya .btnNext:hover,
  .narumiya .btnBack:hover {
    opacity: 1;
    transform: scale(1.06);
  }
  /* btnPagination */
  .narumiya .btnPagination {
    position: relative;
    display: flex;
    gap: 0.455vw;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 2.273vw;
    padding: 0;
  }
  .narumiya .btnPagination .swiper-pagination-bullet,
  .narumiya .btnPagination .swiper-pagination-bullet-active {
    position: relative;
    width: 1vw;
    height: 1vw;
    margin: 0;
    background: none;
    border-radius: 0;
    opacity: 1;
    background: url('../../img/contents/common/btn_white.png') no-repeat center;
    background-size: 100% 100%;
  }
  .narumiya .btnPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: url('../../img/contents/common/btn_blue.png') no-repeat center;
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 767px) {
  /* swiperBtnWra */
  .narumiya .swiperBtnWrap {
    gap: 0 7.333vw;
    margin-top: -3.467vw;
  }
  .narumiya .btnBack,
  .narumiya .btnNext {
    font-size: 3.067vw;
    border-radius: 6.933vw;
    padding: 0px 2.8vw 0.533vw;
    min-height: 6.8vw;
  }
  .narumiya .btnBack::before {
    font-size: 4.267vw;
    padding-right: 0.267vw;
    padding-bottom: 1.067vw;
  }
  .narumiya .btnNext::after {
    font-size: 4.267vw;
    padding-left: 0.267vw;
    padding-bottom: 1.067vw;
  }
  /* btnPagination */
  .narumiya .btnPagination {
    gap: 1.333vw;
    margin-top: 3.333vw;
  }
  .narumiya .btnPagination .swiper-pagination-bullet,
  .narumiya .btnPagination .swiper-pagination-bullet-active {
    width: 2.133vw;
    height: 2.133vw;
  }
}

/*---------------------------
  categoryWrap
---------------------------*/
.categoryWrap {
  background-color: #fff;
  background-image:
    linear-gradient(90deg, rgba(255, 212, 124, 0.3) 44%, transparent 44%),
    linear-gradient(rgba(175, 205, 103, 0.3) 44%, transparent 44%);
  background-size: 22px 22px;
  padding: 48px 0 150px;
}
.categoryWrap::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 130px;
  background: url('../../img/contents/upup/bg.png') no-repeat center;
  background-size: cover;
  background-size: 100% 100%;
  z-index: 2;
}
.categoryWrap h2 {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 37px;
  text-align: center;
  font-style: italic;
  letter-spacing: 0.04em;
}
.categoryWrap .categoryBtnWrap {
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 45px 30px;
}
.categoryWrap .categoryBtn {
  position: relative;
  display: block;
  transition: all 0.2s ease;
}
.categoryWrap .categoryBtn:hover {
  opacity: 1;
  transform: translateY(6px);
}
.categoryWrap .categoryBtn span {
  position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.categoryWrap .btn01 {
  margin-top: 38px;
  width: 447px;
  height: 82px;
  background: url('../../img/contents/category/btn01.png') no-repeat center / contain;
}
.categoryWrap .btn01:hover {
  background-image: url('../../img/contents/category/btn01_on.png');
}
.categoryWrap .btn02 {
  width: 322px;
  height: 147px;
  background: url('../../img/contents/category/btn02.png') no-repeat center / contain;
}
.categoryWrap .btn02:hover {
  background-image: url('../../img/contents/category/btn02_on.png');
}
.categoryWrap li:nth-child(3) {
  width: 500px;
  margin-top: 5px;
}
.categoryWrap .btn03 {
  margin: 0 0 0 auto;
  width: 411px;
  height: 73px;
  background: url('../../img/contents/category/btn03.png') no-repeat center / contain;
}
.categoryWrap .btn03:hover {
  background-image: url('../../img/contents/category/btn03_on.png');
}
.categoryWrap li:nth-child(4) {
  width: 330px;
  margin-left: 10px;
}
.categoryWrap .btn04 {
  width: 217px;
  height: 199px;
  background: url('../../img/contents/category/btn04.png') no-repeat center / contain;
}
.categoryWrap .btn04:hover {
  background-image: url('../../img/contents/category/btn04_on.png');
}
.categoryWrap li:nth-child(5) {
  margin-top: -125px;
  margin-left: 60px;
}
.categoryWrap .btn05 {
  width: 241px;
  height: 178px;
  background: url('../../img/contents/category/btn05.png') no-repeat center / contain;
}
.categoryWrap .btn05:hover {
  background-image: url('../../img/contents/category/btn05_on.png');
}
.categoryWrap li:nth-child(6) {
  margin-top: -28px;
}
.categoryWrap .btn06 {
  width: 390px;
  height: 78px;
  background: url('../../img/contents/category/btn06.png') no-repeat center / contain;
}
.categoryWrap .btn06:hover {
  background-image: url('../../img/contents/category/btn06_on.png');
}
@media screen and (max-width: 1100px) {
  .categoryWrap {
    background-color: #fff;
    background-image:
      linear-gradient(90deg, rgba(255, 212, 124, 0.3) 44%, transparent 44%),
      linear-gradient(rgba(175, 205, 103, 0.3) 44%, transparent 44%);
    background-size: 2vw 2vw;
    padding: 4.364vw 0 13.636vw;
  }
  .categoryWrap::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 11.818vw;
    background: url('../../img/contents/upup/bg.png') no-repeat center;
    background-size: cover;
    background-size: 100% 100%;
    z-index: 2;
  }
  .categoryWrap h2 {
    font-family: "Dela Gothic One", sans-serif;
    font-size: 3.364vw;
    text-align: center;
    font-style: italic;
    letter-spacing: 0.04em;
  }
  .categoryWrap .categoryBtnWrap {
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4.091vw 2.727vw;
  }
  .categoryWrap .categoryBtn {
    position: relative;
    display: block;
    transition: all 0.2s ease;
  }
  .categoryWrap .categoryBtn:hover {
    opacity: 1;
    transform: translateY(6px);
  }
  .categoryWrap .categoryBtn span {
    position: absolute;
    width: 0.091vw;
    height: 0.091vw;
    padding: 0;
    margin: -0.091vw;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .categoryWrap .btn01 {
    margin-top: 3.455vw;
    width: 40.636vw;
    height: 7.455vw;
    background: url('../../img/contents/category/btn01.png') no-repeat center / contain;
  }
  .categoryWrap .btn01:hover {
    background-image: url('../../img/contents/category/btn01_on.png');
  }
  .categoryWrap .btn02 {
    width: 29.273vw;
    height: 13.364vw;
    background: url('../../img/contents/category/btn02.png') no-repeat center / contain;
  }
  .categoryWrap .btn02:hover {
    background-image: url('../../img/contents/category/btn02_on.png');
  }
  .categoryWrap li:nth-child(3) {
    width: 45.455vw;
    margin-top: 0.455vw;
  }
  .categoryWrap .btn03 {
    margin: 0 0 0 auto;
    width: 37.364vw;
    height: 6.636vw;
    background: url('../../img/contents/category/btn03.png') no-repeat center / contain;
  }
  .categoryWrap .btn03:hover {
    background-image: url('../../img/contents/category/btn03_on.png');
  }
  .categoryWrap li:nth-child(4) {
    width: 30vw;
    margin-left: 0.909vw;
  }
  .categoryWrap .btn04 {
    width: 19.727vw;
    height: 18.091vw;
    background: url('../../img/contents/category/btn04.png') no-repeat center / contain;
  }
  .categoryWrap .btn04:hover {
    background-image: url('../../img/contents/category/btn04_on.png');
  }
  .categoryWrap li:nth-child(5) {
    margin-top: -11.364vw;
    margin-left: 5.455vw;
  }
  .categoryWrap .btn05 {
    width: 21.909vw;
    height: 16.182vw;
    background: url('../../img/contents/category/btn05.png') no-repeat center / contain;
  }
  .categoryWrap .btn05:hover {
    background-image: url('../../img/contents/category/btn05_on.png');
  }
  .categoryWrap li:nth-child(6) {
    margin-top: -2.545vw;
  }
  .categoryWrap .btn06 {
    width: 35.455vw;
    height: 7.091vw;
    background: url('../../img/contents/category/btn06.png') no-repeat center / contain;
  }
  .categoryWrap .btn06:hover {
    background-image: url('../../img/contents/category/btn06_on.png');
  }
}
@media screen and (max-width: 767px) {
  .categoryWrap {
    background-color: #fff;
    background-image:
      linear-gradient(90deg, rgba(255, 212, 124, 0.3) 47%, transparent 47%),
      linear-gradient(rgba(175, 205, 103, 0.3) 47%, transparent 47%);
    background-size: 2.4vw 2.4vw;
    padding: 8vw 0 20vw;
  }
  .categoryWrap::before {
    top: -1px;
    left: -20%;
    width: 140%;
    height: 17.333vw;
  }
  .categoryWrap h2 {
    font-size: 6vw;
  }
  .categoryWrap .categoryBtnWrap {
    margin: 6.4vw auto 0;
    gap: 6vw 5.333vw;
  }
  .categoryWrap .categoryBtn:hover {
    opacity: 1;
    transform: translateY(6px);
  }
  .categoryWrap .btn01 {
    margin-top: 0;
    width: 64.133vw;
    height: 11.733vw;
  }
  .categoryWrap li:nth-child(2) {
    margin-top: -2.667vw;
  }
  .categoryWrap .btn02 {
    width: 47.333vw;
    height: 21.6vw;
  }
  .categoryWrap li:nth-child(3) {
    width: auto;
    margin-top: 0;
  }
  .categoryWrap .btn03 {
    margin: 0 auto;
    width: 58.133vw;
    height: 10.267vw;
  }
  .categoryWrap li:nth-child(4) {
    width: calc(50% - 2.667vw);
    margin-left: 0;
  }
  .categoryWrap .btn04 {
    width: 29.6vw;
    height: 27.2vw;
    margin: 0 0 0 auto;
  }
  .categoryWrap li:nth-child(5) {
    width: calc(50% - 2.667vw);
    margin-top: 1.333vw;
    margin-left: 0;
  }
  .categoryWrap .btn05 {
    width: 33.333vw;
    height: 24.667vw;
  }
  .categoryWrap li:nth-child(6) {
    margin-top: 0;
  }
  .categoryWrap .btn06 {
    width: 57.333vw;
    height: 11.467vw;
  }
}

/* .sealIcon */
.categoryWrap .sealIcon {
  width: 31px;
}
.categoryWrap .sealIcon.icon01 {
  top: 230px;
  left: 74px;
}
.categoryWrap .sealIcon.icon02 {
  top: 154px;
  right: 59px;
}
.categoryWrap .sealIcon.icon03 {
  top: 432px;
  left: 81px;
}
.categoryWrap .sealIcon.icon04 {
  top: 503px;
  left: 124px;
}
.categoryWrap .sealIcon.icon05 {
  top: 342px;
  right: 115px;
}
.categoryWrap .sealIcon.icon06 {
  top: 393px;
  right: 81px;
}
.categoryWrap .sealIcon.icon07 {
  top: 554px;
  right: 121px;
}
@media screen and (max-width: 1100px) {
  .categoryWrap .sealIcon {
    width: 2.818vw;
  }
  .categoryWrap .sealIcon.icon01 {
    top: 20.909vw;
    left: 6.727vw;
  }
  .categoryWrap .sealIcon.icon02 {
    top: 14vw;
    right: 5.364vw;
  }
  .categoryWrap .sealIcon.icon03 {
    top: 39.273vw;
    left: 7.364vw;
  }
  .categoryWrap .sealIcon.icon04 {
    top: 45.727vw;
    left: 11.273vw;
  }
  .categoryWrap .sealIcon.icon05 {
    top: 31.091vw;
    right: 10.455vw;
  }
  .categoryWrap .sealIcon.icon06 {
    top: 35.727vw;
    right: 7.364vw;
  }
  .categoryWrap .sealIcon.icon07 {
    top: 50.364vw;
    right: 11vw;
  }
}
@media screen and (max-width: 767px) {
  .categoryWrap .sealIcon {
    width: 4.533vw;
  }
  .categoryWrap .sealIcon.icon01 {
    top: 36.667vw;
    left: 8.4vw;
  }
  .categoryWrap .sealIcon.icon02 {
    top: 25.6vw;
    right: 7.6vw;
  }
  .categoryWrap .sealIcon.icon03 {
    top: 92.4vw;
    left: 4.8vw;
  }
  .categoryWrap .sealIcon.icon04 {
    top: 100.933vw;
    left: 10.8vw;
  }
  .categoryWrap .sealIcon.icon05 {
    top: 49.6vw;
    right: 10.533vw;
  }
  .categoryWrap .sealIcon.icon06 {
    top: 58vw;
    right: 5.333vw;
  }
  .categoryWrap .sealIcon.icon07 {
    top: 103.333vw;
    right: 8.667vw;
  }
}


/*---------------------------
  gourmetWrap
---------------------------*/
.gourmetWrap {
  padding: 60px 0 0;
}
.gourmetWrap h2 {
  width: 544px;
  margin-left: 85px;
}
.gourmetWrap .lead01 {
  font-size: 16px;
  line-height: 31px;
  font-weight: 700;
  transform: rotate(-5deg);
  margin-top: -30px;
  margin-left: calc(85px + 28px);
}
@media screen and (max-width: 1100px) {
  .gourmetWrap {
    padding: 5.455vw 0 0;
  }
  .gourmetWrap h2 {
    width: 49.455vw;
    margin-left: 7.727vw;
  }
  .gourmetWrap .lead01 {
    font-size: 1.455vw;
    line-height: 2.818vw;
    font-weight: 700;
    transform: rotate(-5deg);
    margin-top: -2.727vw;
    margin-left: calc(7.727vw + 2.545vw);
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap {
    padding: 4vw 0 0;
  }
  .gourmetWrap h2 {
    width: 72.533vw;
    margin: 0 auto;
  }
  .gourmetWrap .lead01 {
    font-size: 3.067vw;
    line-height: 1.45;
    margin-top: -0.8vw;
    margin-left: 14.667vw;
  }
}

/* .gourmetWrap section */
.gourmetWrap section {
  padding: 70px 0 90px;
  text-align: center;
  z-index: 2;
}
.gourmetWrap section + section {
  padding-top: 60px;
}
.gourmetWrap section + section:last-child {
  padding-bottom: 150px;
}
.gourmetWrap section .ttlWrap {
  display: inline-block;
  text-align: left;
}
.gourmetWrap section .ttlWrap .ttl01 {
  font-family: "Pacifico", cursive;
  color: #BE324F;
  font-size: 23px;
  letter-spacing: 0.04em;
  padding-left: 45px;
  position: relative;
}
.gourmetWrap section .ttlWrap .ttl01::before {
  content: "";
  position: absolute;
  width: 59px;
  height: 52px;
  background: url('../../img/contents/common/icon_flower.png') no-repeat center / contain;
  top: 0;
  left: -16px;
  z-index: 5;
}
.gourmetWrap .ttlWrap .ttl02BgBg {
  border: 1px solid #000;
  border-radius: 6px;
  margin-top: 10px;
  position: relative;
}
.gourmetWrap .ttlWrap .ttl02BgBg::before {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -3px;
  left: -3px;
  border-radius: 8px;
  border: 2px solid #33AAE9;
}
.gourmetWrap .ttlWrap .ttl02Bg {
  background: #FFFA91;
  padding: 12px 20px;
  border: 2px solid #fff;
  margin: 3px;
  position: relative;
  border-radius: 5px;
}
.gourmetWrap .ttlWrap .ttl02Bg::before {
  content: "";
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  top: -5px;
  left: -5px;
  border-radius: 5px;
  border: 2px solid #33AAE9;
}
.gourmetWrap section .ttlWrap .ttl02 {
	position: relative;
	display: inline-block;
	font-size: 25px;
  font-weight: 800;
	line-height: 1;
  letter-spacing: 0.04em;
	z-index: 5;
}
.gourmetWrap section .ttlWrap .ttl02::before {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	z-index: -4;
}
.gourmetWrap section .ttlWrap .ttl02::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	-webkit-text-stroke: 10px #000;
	z-index: -3;
}
.gourmetWrap section .ttlWrap .ttl02 span {
	display: inline-block;
	position: relative;
}
.gourmetWrap section .ttlWrap .ttl02 span::before {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	z-index: -2;
}
.gourmetWrap section .ttlWrap .ttl02 span::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	-webkit-text-stroke: 5px #fff;
	z-index: -1;
}
.gourmetWrap section .lead02 {
  font-weight: 700;
  font-size: 16px;
  margin-top: 10px;
  letter-spacing: 0.1em;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 1100px) {
  .gourmetWrap section {
    padding: 6.364vw 0 8.182vw;
    text-align: center;
    z-index: 2;
  }
  .gourmetWrap section + section {
    padding-top: 5.455vw;
  }
  .gourmetWrap section + section:last-child {
    padding-bottom: 13.636vw;
  }
  .gourmetWrap section .ttlWrap {
    display: inline-block;
    text-align: left;
  }
  .gourmetWrap section .ttlWrap .ttl01 {
    font-family: "Pacifico", cursive;
    color: #BE324F;
    font-size: 2.091vw;
    letter-spacing: 0.04em;
    padding-left: 4.091vw;
    position: relative;
  }
  .gourmetWrap section .ttlWrap .ttl01::before {
    content: "";
    position: absolute;
    width: 5.364vw;
    height: 4.727vw;
    background: url('../../img/contents/common/icon_flower.png') no-repeat center / contain;
    top: 0;
    left: -1.455vw;
    z-index: 5;
  }
  .gourmetWrap section .ttlWrap .ttl02 {
    position: relative;
    display: inline-block;
    font-size: 2.273vw;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    z-index: 5;
    transform: rotate(0.03deg);
  }
  .gourmetWrap section .ttlWrap .ttl02::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    z-index: -4;
  }
  .gourmetWrap section .ttlWrap .ttl02::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    -webkit-text-stroke: 10px #000;
    z-index: -3;
  }
  .gourmetWrap section .ttlWrap .ttl02 span {
    display: inline-block;
    position: relative;
  }
  .gourmetWrap section .ttlWrap .ttl02 span::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    z-index: -2;
  }
  .gourmetWrap section .ttlWrap .ttl02 span::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    -webkit-text-stroke: 5px #fff;
    z-index: -1;
  }
  .gourmetWrap section .lead02 {
    font-weight: 700;
    font-size: 1.455vw;
    margin-top: 0.909vw;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap section {
    padding: 10.667vw 0 10.667vw;
  }
  .gourmetWrap section + section {
    padding-top: 5.333vw;
  }
  .gourmetWrap section + section:last-child {
    padding-bottom: 20vw;
  }
  .gourmetWrap section .ttlWrap .ttl01 {
    font-size: 4vw;
    padding-left: 7.467vw;
  }
  .gourmetWrap section .ttlWrap .ttl01::before {
    width: 10.4vw;
    height: 9.2vw;
    top: -0.267vw;
    left: -3.733vw;
  }

  .gourmetWrap .ttlWrap .ttl02BgBg {
    border: 1px solid #000;
    border-radius: 6px;
    margin-top: 1.333vw;
    position: relative;
  }
  .gourmetWrap .ttlWrap .ttl02BgBg::before {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -2px;
    left: -2px;
    border-radius: 8px;
    border: 1px solid #33AAE9;
  }
  .gourmetWrap .ttlWrap .ttl02Bg {
    background: #FFFA91;
    border: 2px solid #fff;
    margin: 1px;
    position: relative;
    border-radius: 5px;
    padding: 3vw 3.867vw;
  }
  .gourmetWrap .ttlWrap .ttl02Bg::before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -3px;
    left: -3px;
    border-radius: 5px;
    border: 1px solid #33AAE9;
  }

  .gourmetWrap section .ttlWrap .ttl02 {
    font-size: 4.4vw;
  }
  .gourmetWrap section .lead02 {
    font-size: 3.067vw;
    margin-top: 2vw;
  }
}
/*---------------------------
  carouselWrap
---------------------------*/
.gourmetWrap .carousel {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
  padding-top: 25px;
  z-index: 5;
	/* overflow: hidden; */
}
.gourmetWrap .wheel {
	position: relative;
	z-index: 1;
	width: 100%;
  min-height: 375px;
	margin: 0;
	padding: 0;
	list-style: none;
	touch-action: pan-y;
	cursor: grab;
	user-select: none;
}
.gourmetWrap .wheel.isDragging {
	cursor: grabbing;
}
.gourmetWrap .wheel.isDragging .item {
	transition: none;
}
.gourmetWrap .wheel.isJumping .item {
	transition: none;
}
.gourmetWrap .item {
	--itemX: 0px;
	--itemY: 0px;
	--itemRotate: 0deg;
	--itemOpacity: 1;
	--itemScale: 1;
	position: absolute;
	left: 50%;
	width: 236px;
	margin-left: -118px;  /* 236px / 2 */
	opacity: var(--itemOpacity);
	transform: translate3d(var(--itemX), var(--itemY), 0) rotate(var(--itemRotate)) scale(var(--itemScale));
	transition:
		opacity 0.45s ease,
		transform 0.45s ease;
	will-change: opacity, transform;
}
.gourmetWrap .item .pic {
  width: 100%;
  height: 305px;
  padding: 14px;
  box-sizing: border-box;
  background-color: #fff;
  background-image:
    linear-gradient(90deg, transparent 48%, rgba(252, 197, 207, 0.5) 48%),
    linear-gradient(transparent 48%, rgba(252, 197, 207, 0.5) 48%);
  background-size: 19px 19px;
  border: 1px solid #333;
}
.gourmetWrap .item .pic::before {
  content: "";
  position: absolute;
  inset: 15px;        /* .pic の padding と同じ値 */
  background: #fff;
  z-index: 0;
}
.gourmetWrap .item a:hover .pic img {
  opacity: 0.7;
}
.gourmetWrap .item a .pic img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease-out;
}
.gourmetWrap .item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
  -webkit-user-drag: none;
  user-select: none;
}
.gourmetWrap .item a .pic img,
.gourmetWrap .item a .icon img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.gourmetWrap .item a:hover {
  opacity: 1;
}
.gourmetWrap .item .icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .gourmetWrap .carousel {
    padding-top: 6.667vw;
  }
  .gourmetWrap .wheel {
    min-height: 83.667vw;
  }
  .gourmetWrap .gourmetWrap02 .wheel {
    min-height: 85.667vw;
  }
  .gourmetWrap .item {
    width: 50.4vw;
    margin-left: -25.2vw;  /* 378px / 2 */
  }
  .gourmetWrap .item .pic {
    height: 65.067vw;
    padding: 2.8vw;
    background-image:
      linear-gradient(90deg, transparent 54%, rgba(252, 197, 207, 0.5) 54%),
      linear-gradient(transparent 54%, rgba(252, 197, 207, 0.5) 54%);
    background-size: 3.733vw 3.733vw;
  }
  .gourmetWrap .item .pic::before {
    inset: 3.067vw;        /* .pic の padding と同じ値 */
  }
}

/* caption */
.gourmetWrap .item .caption {
	position: relative;
	display: inline-block;
	font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
	z-index: 5;
  text-align: left;
  width: 100%;
  margin-top: 10px;
}
.gourmetWrap .item .caption + .caption {
  margin-top: 2px;
}
.gourmetWrap .item .caption02 {
	font-size: 13px;
}
.gourmetWrap .item .caption::before {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	z-index: -4;
}
.gourmetWrap .item .caption::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	z-index: -3;
}
.gourmetWrap .item .caption span {
	display: inline-block;
	position: relative;
}
.gourmetWrap .item .caption span::before {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	z-index: -2;
}
.gourmetWrap .item .caption span::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: transparent;
	z-index: -1;
}
@media screen and (max-width: 767px) {
  .gourmetWrap .item .caption {
    font-size: 4vw;
    margin-top: 1.333vw;
  }
  .gourmetWrap .item .caption + .caption {
    margin-top: 0;
  }
  .gourmetWrap .item .caption02 {
    font-size: 2.933vw;
  }
  .gourmetWrap .item .caption03 {
    letter-spacing: -0.04em;
  }
}

/* swiperBtnWrap */
.gourmetWrap .swiperBtnWrap {
  margin-top: 30px;
}
.gourmetWrap .swiperBtnWrap .btnBack,
.gourmetWrap .swiperBtnWrap .btnNext {
  font-size: 16px;
  color: #000;
  border: 1px solid #000;
  -webkit-text-stroke: 0.5px #E9BCD5;
  background: #E9BCD5;
  padding: 2px 14px 5px;
  border-radius: 35px;
}
.gourmetWrap .swiperBtnWrap .btnBack::before {
  margin-right: 3px;
  font-size: 22px;
}
.gourmetWrap .swiperBtnWrap .btnNext::after {
  margin-left: 3px;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .gourmetWrap .swiperBtnWrap {
    margin-top: 1.333vw;
  }
  .gourmetWrap .swiperBtnWrap .btnBack,
  .gourmetWrap .swiperBtnWrap .btnNext {
    padding: 0px 2.8vw 0.533vw;
  }
  .gourmetWrap .swiperBtnWrap .btnBack::before {
    margin-right: 0.4vw;
  }
  .gourmetWrap .swiperBtnWrap .btnNext::after {
    margin-left: 0.4vw;
  }
}

/* carouselPagination */
.gourmetWrap .btnPagination {
  position: relative;
	display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 15px;
  padding: 0;
}
.gourmetWrap .carouselPaginationButton {
	position: relative;
	width: 11px;
	height: 11px;
}
.gourmetWrap .carouselPaginationButton::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: url('../../img/contents/common/btn_white.png') no-repeat center;
  background-size: 100% 100%;
}
.gourmetWrap .carouselPaginationButton.isActive::before {
  background: url('../../img/contents/common/btn_blue.png') no-repeat center;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .gourmetWrap .btnPagination {
    gap: 1.333vw;
    margin-top: 2.667vw;
  }
  .gourmetWrap .carouselPaginationButton {
    width: 2.133vw;
    height: 2.133vw;
  }
}

/*---------------------------
  modal
---------------------------*/
.modalBtn {
  position: absolute;
  display: block;
  width: 51px;
  height: 51px;
  right: -17px;
  top: 270px;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  touch-action: none;
  transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
  will-change: transform;
  z-index: 2;
}
.modalBtn:focus-visible {
  outline: none;
}
.modalBtn:hover {
  transform: scale(1.1);
}
.wheel.isDragging .modalBtn {
  cursor: grabbing;
}
.modalBtn img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.itemClone .modalContent {
  display: none !important;
}
.modalContent {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1100;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.modalContent.isOpen {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalOverlay {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(10px);
  background: #e0ddff80;
  cursor: pointer;
}
.modalPanel {
  position: relative;
  z-index: 1;
  width: 294px;
  aspect-ratio: 294 / 379;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #333;
}
.modalContent .pic {
  width: 100%;
  height: auto;
  padding: 17px;
  box-sizing: border-box;
  background-color: #fff;
  background-image:
    linear-gradient(90deg, transparent 48%, rgba(252, 197, 207, 0.5) 48%),
    linear-gradient(transparent 48%, rgba(252, 197, 207, 0.5) 48%);
  background-size: 19px 19px;
}
.modalContent .pic::before {
  content: "";
  position: absolute;
  inset: 18px;        /* .pic の padding と同じ値 */
  background: #fff;
  z-index: 0;
}
.modalContent .pic img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.25;
}
.modalClose {
  position: absolute;
  top: -18px;
  right: -18px;
  z-index: 2;
  width: 61px;
  height: 61px;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
  will-change: transform;
}
.modalClose:focus-visible {
  outline: none;
}
.modalClose:hover {
  transform: scale(1.1);
  opacity: 1;
}
.modalInner {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 20px 30px;
}
.modalInner .modalTtl {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  transform: rotate(0.03deg);
}
.modalInner .modalTxt02 {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 3px;
  transform: rotate(0.03deg);
}
.modalInner .modalTtl span {
  font-size: 13px;
  line-height: 1.3;
  position: relative;
  top: -2px;
}
.modalInner .modalTxt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin-top: 15px;
  text-align: justify;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 767px) {
  .modalBtn {
    width: 9.867vw;
    height: 9.867vw;
    right: -3.067vw;
    top: 58.267vw;
  }
  .modalPanel {
    width: 60.533vw;
  }
  .modalContent .pic {
    padding: 3.333vw;
    background-image:
      linear-gradient(90deg, transparent 54%, rgba(252, 197, 207, 0.5) 54%),
      linear-gradient(transparent 54%, rgba(252, 197, 207, 0.5) 54%);
    background-size: 3.733vw 3.733vw;
  }
  .modalContent .pic::before {
    inset: 3.467vw;        /* .pic の padding と同じ値 */
  }
  .modalClose {
    top: -3.733vw;
    right: -3.733vw;
    width: 12.933vw;
    height: 12.933vw;
  }
  .modalInner {
    padding: 2.667vw 5.6vw;
  }
  .modalInner .modalTtl {
    font-size: 4.95vw;
  }
  .modalInner .modalTxt02 {
    font-size: 3.3vw;
    margin-top: 0.4vw;
    letter-spacing: -0.04em;
  }
  .modalInner .modalTtl span {
    font-size: 3.3vw;
    letter-spacing: -0.04em;
  }
  .modalInner .modalTxt {
    font-size: 3.52vw;
    margin-top: 2.4vw;
  }
}

/* sealIcon */
.gourmetWrap .sealIcon.icon01Top {
  width: 58px;
  top: 6px;
  right: 258px;
}
.gourmetWrap .sealIcon.icon02Top {
  width: 63px;
  top: 95px;
  right: 174px;
}
.gourmetWrap .sealIcon.icon03Top {
  width: 51px;
  top: 48px;
  right: 123px;
}
@media screen and (max-width: 1100px) {
  .gourmetWrap .sealIcon.icon01Top {
    width: 5.273vw;
    top: 0.545vw;
    right: 23.455vw;
  }
  .gourmetWrap .sealIcon.icon02Top {
    width: 5.727vw;
    top: 8.636vw;
    right: 15.818vw;
  }
  .gourmetWrap .sealIcon.icon03Top {
    width: 4.636vw;
    top: 4.364vw;
    right: 11.182vw;
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap .sealIcon.icon01Top {
    width: 7.733vw;
    top: 37.333vw;
    right: auto;
    left: 6vw;
  }
  .gourmetWrap .sealIcon.icon02Top {
    width: 8.4vw;
    top: 10.133vw;
    right: 6vw;
  }
  .gourmetWrap .sealIcon.icon03Top {
    width: 6.8vw;
    top: 18.667vw;
    right: 1.733vw;
  }
}

/* gourmetWrap01 */
.gourmetWrap01 .sealIcon.chara {
  width: 151px;
  top: -55px;
  right: 232px;
}
.gourmetWrap01 .sealIcon.icon04 {
  width: 72px;
  top: 50px;
  left: 196px;
}
.gourmetWrap01 .sealIcon.icon05 {
  width: 28px;
  top: 17px;
  left: 243px;
}
.gourmetWrap01 .item01 .icon {
  width: 129px;
  top: -10px;
  left: -50px;
}
.gourmetWrap01 .item02 .icon {
  width: 84px;
  top: -22px;
  left: 181px;
}
.gourmetWrap01 .item03 .icon {
  width: 136px;
  top: -28px;
  left: -37px;
}
.gourmetWrap01 .ttlWrap .ttl02 {
	color: #33AAE9;
}
.gourmetWrap01 .ttlWrap .ttl02::before {
	-webkit-text-stroke: 12px #33AAE9;
}
.gourmetWrap01 .ttlWrap .ttl02 span::before {
	-webkit-text-stroke: 9px #33AAE9;
}
.gourmetWrap01 .item .caption {
	color: #33AAE9;
}
.gourmetWrap01 .item .caption::before {
	-webkit-text-stroke: 7px #CE67A2;
}
.gourmetWrap01 .item .caption::after {
	-webkit-text-stroke: 5px #000;
}
.gourmetWrap01 .item .caption span::before {
	-webkit-text-stroke: 4px #CE67A2;
}
.gourmetWrap01 .item .caption span::after {
	-webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 1100px) {
  .gourmetWrap01 .sealIcon.chara {
    width: 13.727vw;
    top: -5vw;
    right: 21.091vw;
  }
  .gourmetWrap01 .sealIcon.icon04 {
    width: 6.545vw;
    top: 4.545vw;
    left: 17.818vw;
  }
  .gourmetWrap01 .sealIcon.icon05 {
    width: 2.545vw;
    top: 1.545vw;
    left: 22.091vw;
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap01 .sealIcon.chara {
    width: 20.133vw;
    top: -1.733vw;
    right: 2.267vw;
  }
  .gourmetWrap01 .sealIcon.icon04 {
    width: 6.667vw;
    top: 12.667vw;
    left: 7.067vw;
  }
  .gourmetWrap01 .sealIcon.icon05 {
    width: 3.733vw;
    top: 8.267vw;
    left: 13.067vw;
  }
  .gourmetWrap01 .item01 .icon {
    width: 25.067vw;
    top: -1.733vw;
    left: -9.333vw;
  }
  .gourmetWrap01 .item02 .icon {
    width: 15.6vw;
    top: -6.4vw;
    left: 40.267vw;
  }
  .gourmetWrap01 .item03 .icon {
    width: 26vw;
    top: -6.533vw;
    left: -7.467vw;
  }
  .gourmetWrap01 .item .caption::before {
    -webkit-text-stroke: 8px #CE67A2;
  }
  .gourmetWrap01 .item .caption::after {
    -webkit-text-stroke: 6px #000;
  }
  .gourmetWrap01 .item .caption span::before {
    -webkit-text-stroke: 5px #CE67A2;
  }
  .gourmetWrap01 .item .caption span::after {
    -webkit-text-stroke: 4px #fff;
  }
}
/* gourmetWrap02 */
.gourmetWrap02 .sealIcon.chara {
  width: 115px;
  top: -5px;
  right: 176px;
}
.gourmetWrap02 .sealIcon.icon01 {
  width: 46px;
  top: 79px;
  left: 170px;
}
.gourmetWrap02 .sealIcon.icon02 {
  width: 30px;
  top: 50px;
  left: 207px;
}
.gourmetWrap02 .sealIcon.icon03 {
  width: 32px;
  top: 48px;
  right: 120px;
}
.gourmetWrap02 .item01 .icon {
  width: 58px;
  top: 19px;
  left: 222px;
}
.gourmetWrap02 .item02 .icon {
  width: 88px;
  top: -25px;
  left: 173px;
}
.gourmetWrap02 .item05 .icon {
  width: 105px;
  top: -27px;
  left: 10px;
}
.gourmetWrap02 .ttlWrap .ttl02BgBg::before {
  border-color: #E36CA4;
}
.gourmetWrap02 .ttlWrap .ttl02Bg::before {
  border-color: #E36CA4;
}
.gourmetWrap02 .ttlWrap .ttl02 {
	color: #E36CA4;
}
.gourmetWrap02 .ttlWrap .ttl02::before {
	-webkit-text-stroke: 12px #E36CA4;
}
.gourmetWrap02 .ttlWrap .ttl02 span::before {
	-webkit-text-stroke: 9px #E36CA4;
}
.gourmetWrap02 .item .caption {
	color: #E36CA4;
}
.gourmetWrap02 .item .caption::before {
	-webkit-text-stroke: 7px #00AEEB;
}
.gourmetWrap02 .item .caption::after {
	-webkit-text-stroke: 5px #000;
}
.gourmetWrap02 .item .caption span::before {
	-webkit-text-stroke: 4px #00AEEB;
}
.gourmetWrap02 .item .caption span::after {
	-webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 1100px) {
  .gourmetWrap02 .sealIcon.chara {
    width: 10.455vw;
    top: -0.455vw;
    right: 16vw;
  }
  .gourmetWrap02 .sealIcon.icon01 {
    width: 4.182vw;
    top: 7.182vw;
    left: 15.455vw;
  }
  .gourmetWrap02 .sealIcon.icon02 {
    width: 2.727vw;
    top: 4.545vw;
    left: 18.818vw;
  }
  .gourmetWrap02 .sealIcon.icon03 {
    width: 2.909vw;
    top: 4.364vw;
    right: 10.909vw;
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap02 .sealIcon.icon03 {
    width: 6.133vw;
    top: 25.333vw;
    right: 8.8vw;
  }
  .gourmetWrap02 .item01 .icon {
    width: 12.133vw;
    top: 4.267vw;
    left: 47.867vw;
  }
  .gourmetWrap02 .item02 .icon {
    width: 18.8vw;
    top: -5.067vw;
    left: 38vw;
  }
  .gourmetWrap02 .item03 .icon {
    width: 19.333vw;
    top: -6.133vw;
    left: -1.2vw;
  }
  .gourmetWrap02 .item04 .icon01 {
    width: 9.067vw;
    top: 2vw;
    left: 0.933vw;
  }
  .gourmetWrap02 .item04 .icon02 {
    width: 5.333vw;
    top: -2vw;
    left: 9.333vw;
  }
  .gourmetWrap02 .item05 .icon {
    width: 20.667vw;
    top: -6.533vw;
    left: 1.333vw;
  }
  .gourmetWrap02 .item .caption::before {
    -webkit-text-stroke: 8px #00AEEB;
  }
  .gourmetWrap02 .item .caption::after {
    -webkit-text-stroke: 6px #000;
  }
  .gourmetWrap02 .item .caption span::before {
    -webkit-text-stroke: 5px #00AEEB;
  }
  .gourmetWrap02 .item .caption span::after {
    -webkit-text-stroke: 4px #fff;
  }
}
/* gourmetWrap03 */
.gourmetWrap03 .sealIcon.chara {
  width: 132px;
  top: -42px;
  right: 234px;
}
.gourmetWrap03 .sealIcon.icon01 {
  width: 45px;
  top: -49px;
  right: 370px;
}
.gourmetWrap03 .sealIcon.icon02 {
  width: 55px;
  top: 3px;
  left: 237px;
}
.gourmetWrap03 .sealIcon.icon03 {
  width: 41px;
  top: 84px;
  left: 255px;
}
.gourmetWrap03 .item01 .icon {
  width: 63px;
  top: 23px;
  left: -37px;
}
.gourmetWrap03 .item02 .icon {
  width: 142px;
  top: -28px;
  left: 159px;
}
.gourmetWrap03 .item05 .icon {
  width: 120px;
  top: -20px;
  left: -70px;
}
.gourmetWrap03 .ttlWrap .ttl02BgBg::before {
  border-color: #F5A21B;
}
.gourmetWrap03 .ttlWrap .ttl02Bg::before {
  border-color: #F5A21B;
}
.gourmetWrap03 .ttlWrap .ttl02 {
	color: #F5A21B;
}
.gourmetWrap03 .ttlWrap .ttl02::before {
	-webkit-text-stroke: 12px #F5A21B;
}
.gourmetWrap03 .ttlWrap .ttl02 span::before {
	-webkit-text-stroke: 9px #F5A21B;
}
.gourmetWrap03 .item .caption {
	color: #F5A21B;
}
.gourmetWrap03 .item .caption::before {
	-webkit-text-stroke: 7px #36B38C;
}
.gourmetWrap03 .item .caption::after {
	-webkit-text-stroke: 5px #000;
}
.gourmetWrap03 .item .caption span::before {
	-webkit-text-stroke: 4px #36B38C;
}
.gourmetWrap03 .item .caption span::after {
	-webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 1100px) {
  .gourmetWrap03 .sealIcon.chara {
    width: 12vw;
    top: -3.818vw;
    right: 21.273vw;
  }
  .gourmetWrap03 .sealIcon.icon01 {
    width: 4.091vw;
    top: -4.455vw;
    right: 33.636vw;
  }
  .gourmetWrap03 .sealIcon.icon02 {
    width: 5vw;
    top: 0.273vw;
    left: 21.545vw;
  }
  .gourmetWrap03 .sealIcon.icon03 {
    width: 3.727vw;
    top: 7.636vw;
    left: 23.182vw;
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap03 .sealIcon.icon01 {
    width: 8.667vw;
    top: 2.4vw;
    right: 16.933vw;
  }
  .gourmetWrap03 .sealIcon.icon03 {
    width: 8vw;
    top: 51.333vw;
    left: 76.8vw;
  }
  .gourmetWrap03 .item01 .icon01 {
    width: 12vw;
    top: 5.067vw;
    left: -8vw;
  }
  .gourmetWrap03 .item01 .icon02 {
    width: 12vw;
    top: 3.733vw;
    left: 48.267vw;
  }
  .gourmetWrap03 .item02 .icon {
    width: 25.067vw;
    top: -6.667vw;
    left: 34.933vw;
  }
  .gourmetWrap03 .item03 .icon {
    width: 19.733vw;
    top: -6.667vw;
    left: -3.333vw;
  }
  .gourmetWrap03 .item04 .icon {
    width: 16.133vw;
    top: -2.4vw;
    left: -2.667vw;
  }
  .gourmetWrap03 .item05 .icon {
    width: 21.333vw;
    top: -6vw;
    left: -5.333vw;
  }
  .gourmetWrap03 .item .caption::before {
    -webkit-text-stroke: 8px #36B38C;
  }
  .gourmetWrap03 .item .caption::after {
    -webkit-text-stroke: 6px #000;
  }
  .gourmetWrap03 .item .caption span::before {
    -webkit-text-stroke: 5px #36B38C;
  }
  .gourmetWrap03 .item .caption span::after {
    -webkit-text-stroke: 4px #fff;
  }
}
/* gourmetWrap04 */
.gourmetWrap04 .sealIcon.chara {
  width: 126px;
  top: -6px;
  right: 178px;
}
.gourmetWrap04 .sealIcon.icon01 {
  width: 45px;
  top: -36px;
  right: 324px;
}
.gourmetWrap04 .sealIcon.icon02 {
  width: 65px;
  top: 41px;
  left: 161px;
}
.gourmetWrap04 .sealIcon.icon03 {
  width: 40px;
  top: 4px;
  left: 221px;
}
.gourmetWrap04 .item01 .icon {
  width: 68px;
  top: -28px;
  left: 16px;
}
.gourmetWrap04 .item02 .icon {
  width: 167px;
  top: -28px;
  left: 92px;
}
.gourmetWrap04 .item03 .icon {
  width: 124px;
  top: -25px;
  left: 141px;
}
.gourmetWrap04 .item04 .icon {
  width: 127px;
  top: -32px;
  left: 92px;
}
.gourmetWrap04 .ttlWrap .ttl02BgBg::before {
  border-color: #36B38C;
}
.gourmetWrap04 .ttlWrap .ttl02Bg::before {
  border-color: #36B38C;
}
.gourmetWrap04 .ttlWrap .ttl02 {
	color: #36B38C;
}
.gourmetWrap04 .ttlWrap .ttl02::before {
	-webkit-text-stroke: 12px #36B38C;
}
.gourmetWrap04 .ttlWrap .ttl02 span::before {
	-webkit-text-stroke: 9px #36B38C;
}
.gourmetWrap04 .item .caption {
	color: #36B38C;
}
.gourmetWrap04 .item .caption::before {
	-webkit-text-stroke: 7px #F5A21B;
}
.gourmetWrap04 .item .caption::after {
	-webkit-text-stroke: 5px #000;
}
.gourmetWrap04 .item .caption span::before {
	-webkit-text-stroke: 4px #F5A21B;
}
.gourmetWrap04 .item .caption span::after {
	-webkit-text-stroke: 3px #fff;
}
@media screen and (max-width: 1100px) {
  .gourmetWrap04 .sealIcon.chara {
    width: 11.455vw;
    top: -0.545vw;
    right: 16.182vw;
  }
  .gourmetWrap04 .sealIcon.icon01 {
    width: 4.091vw;
    top: -3.273vw;
    right: 29.455vw;
  }
  .gourmetWrap04 .sealIcon.icon02 {
    width: 5.909vw;
    top: 3.727vw;
    left: 14.636vw;
  }
  .gourmetWrap04 .sealIcon.icon03 {
    width: 3.636vw;
    top: 0.364vw;
    left: 20.091vw;
  }
}
@media screen and (max-width: 767px) {
  .gourmetWrap04 .sealIcon.icon01 {
    width: 8.533vw;
    top: 2.133vw;
    right: 6.267vw;
  }
  .gourmetWrap04 .sealIcon.icon02 {
    width: 13.6vw;
    top: 21.867vw;
    left: auto;
    right: -2.4vw;
    z-index: 10;
  }
  .gourmetWrap04 .sealIcon.icon03 {
    width: 6.4vw;
    top: 25.333vw;
    left: 10vw;
  }
  .gourmetWrap04 .item01 .icon {
    width: 12.8vw;
    top: -2.4vw;
    left: -7.733vw;
  }
  .gourmetWrap04 .item02 .icon {
    width: 33.333vw;
    top: -5.333vw;
    left: 21.333vw;
  }
  .gourmetWrap04 .item03 .icon {
    width: 24vw;
    top: -6vw;
    left: 30.933vw;
  }
  .gourmetWrap04 .item04 .icon {
    width: 26.667vw;
    top: -4vw;
    left: auto;
    right: 0;
  }
  .gourmetWrap04 .item .caption::before {
    -webkit-text-stroke: 8px #F5A21B;
  }
  .gourmetWrap04 .item .caption::after {
    -webkit-text-stroke: 6px #000;
  }
  .gourmetWrap04 .item .caption span::before {
    -webkit-text-stroke: 5px #F5A21B;
  }
  .gourmetWrap04 .item .caption span::after {
    -webkit-text-stroke: 4px #fff;
  }
}


/*---------------------------
  lunchboxWrap
---------------------------*/
.lunchboxWrap {
  padding: 60px 0 50px;
  z-index: 2;
}
.lunchboxWrap .ttlWrap {
  display: flex;
  align-items: center;
  gap: 0 30px;
}
.lunchboxWrap .ttlWrap h2 {
  width: 359px;
  margin-left: 92px;
}
.lunchboxWrap .ttlWrap .lead {
  font-size: 16px;
  line-height: 1.93;
  color: #fff;
  font-weight: 700;
  margin-top: 32px;
  transform: rotate(0.03deg);
}
.lunchboxWrap .sealIcon.chara {
  width: 132px;
  top: 19px;
  right: 76px;
}
.lunchboxWrap .sealIcon.icon01 {
  width: 52px;
  top: 10px;
  left: 43px;
}
.lunchboxWrap .sealIcon.icon02 {
  width: 50px;
  top: 133px;
  right: 63px;
}
.lunchboxWrap .sealIcon.icon03 {
  width: 28px;
  top: 102px;
  right: 40px;
}
@media screen and (max-width: 1100px) {
  .lunchboxWrap {
    padding: 5.455vw 0 4.545vw;
    z-index: 2;
  }
  .lunchboxWrap .ttlWrap {
    display: flex;
    align-items: center;
    gap: 0 2.727vw;
  }
  .lunchboxWrap .ttlWrap h2 {
    width: 32.636vw;
    margin-left: 8.364vw;
  }
  .lunchboxWrap .ttlWrap .lead {
    font-size: 1.455vw;
    line-height: 1.93;
    color: #fff;
    font-weight: 700;
    margin-top: 2.909vw;
  }
  .lunchboxWrap .sealIcon.chara {
    width: 12vw;
    top: 1.727vw;
    right: 6.909vw;
  }
  .lunchboxWrap .sealIcon.icon01 {
    width: 4.727vw;
    top: 0.909vw;
    left: 3.909vw;
  }
  .lunchboxWrap .sealIcon.icon02 {
    width: 4.545vw;
    top: 12.091vw;
    right: 5.727vw;
  }
  .lunchboxWrap .sealIcon.icon03 {
    width: 2.545vw;
    top: 9.273vw;
    right: 3.636vw;
  }
}
@media screen and (max-width: 767px) {
  .lunchboxWrap {
    padding: 7.333vw 0 5.333vw;
  }
  .lunchboxWrap .ttlWrap {
    display: block;
  }
  .lunchboxWrap .ttlWrap h2 {
    width: 69.867vw;
    margin: 0 auto;
  }
  .lunchboxWrap .ttlWrap .lead {
    font-size: 3.067vw;
    line-height: 1.5;
    margin-top: 2.933vw;
    text-align: center;
  }
  .lunchboxWrap .sealIcon.icon02 {
    width: 9.6vw;
    top: 2.667vw;
    right: auto;
    left: 5.333vw;
  }
  .lunchboxWrap .sealIcon.icon03 {
    width: 5.333vw;
    top: -3.067vw;
    right: auto;
    left: 14vw;
  }
}

/* bookWrap */
.lunchboxWrap .bookWrap {
  display: grid;
  place-items: center;
  margin: 45px auto 0;
  width: 958px;
  max-width: 100%;
}
.lunchboxWrap .book-shell {
  aspect-ratio: 958 / 487;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.lunchboxWrap #book {
  width: 100%;
  height: 100%;
  overflow: hidden;
  touch-action: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.lunchboxWrap #book .stf__block,
.lunchboxWrap #book .itemWrap {
  touch-action: none;
}
.lunchboxWrap #book:active {
  cursor: grabbing;
}
.lunchboxWrap .itemWrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #faf8b2;
}
/* ドラッグは .itemWrap 側で受け、タップのみ JS でリンク遷移 */
.lunchboxWrap .itemWrap a {
  pointer-events: none;
}
.lunchboxWrap .itemWrap.itemWrapLeft a {
  padding: 0 70px 0 60px;
  display: block;
  width: 100%;
  height: 100%;
}
.lunchboxWrap .itemWrap.itemWrapRight a {
  padding: 0 58px 0 75px;
  display: block;
  width: 100%;
  height: 100%;
}
.lunchboxWrap .itemWrap.itemWrap01 a {
  padding: 0 80px 0 35px;
}
.lunchboxWrap .itemWrap.itemWrapLeft {
  background: url('../../img/contents/lunchbox/bg_left.png') no-repeat center;
  background-size: 100% 100%;
}
.lunchboxWrap .itemWrap.itemWrapRight {
  background: url('../../img/contents/lunchbox/bg_right.png') no-repeat center;
  background-size: 100% 100%;
  margin-left: -1px;
}
.lunchboxWrap .itemWrap .txt01 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  margin-top: 10px;
  transform: rotate(0.03deg);
}
.lunchboxWrap .itemWrap .txt01 span {
  font-size: 12px;
  position: relative;
  top: -2px;
}
.lunchboxWrap .itemWrap .txt01.mini {
  font-size: 12px;
  margin-top: 2px;
}
.lunchboxWrap .itemWrap .txt02 {
  font-size: 15px;
  line-height: 1.33;
  font-weight: 400;
  margin-top: 10px;
  text-align: justify;
  transform: rotate(0.03deg);
}
.lunchboxWrap .itemWrap .txt02 + .txt01 {
  margin-top: 15px;
}
@media screen and (max-width: 1100px) {
  .lunchboxWrap .bookWrap {
    display: grid;
    place-items: center;
    margin: 4.091vw auto 0;
    width: 87.091vw;
    max-width: 100%;
  }
  .lunchboxWrap .book-shell {
    aspect-ratio: 958 / 487;
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .lunchboxWrap #book {
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: none;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
  }
  .lunchboxWrap #book .stf__block,
  .lunchboxWrap #book .itemWrap {
    touch-action: none;
  }
  .lunchboxWrap #book:active {
    cursor: grabbing;
  }
  .lunchboxWrap .itemWrap {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #faf8b2;
  }
  /* ドラッグは .itemWrap 側で受け、タップのみ JS でリンク遷移 */
  .lunchboxWrap .itemWrap a {
    pointer-events: none;
  }
  .lunchboxWrap .itemWrap.itemWrapLeft a {
    padding: 0 6.364vw 0 5.455vw;
    display: block;
    width: 100%;
    height: 100%;
  }
  .lunchboxWrap .itemWrap.itemWrapRight a {
    padding: 0 5.273vw 0 6.818vw;
    display: block;
    width: 100%;
    height: 100%;
  }
  .lunchboxWrap .itemWrap.itemWrap01 a {
    padding: 0 7.273vw 0 3.182vw;
  }
  .lunchboxWrap .itemWrap.itemWrapLeft {
    background: url('../../img/contents/lunchbox/bg_left.png') no-repeat center;
    background-size: 100% 100%;
  }
  .lunchboxWrap .itemWrap.itemWrapRight {
    background: url('../../img/contents/lunchbox/bg_right.png') no-repeat center;
    background-size: 100% 100%;
    margin-left: -0.091vw;
  }
  .lunchboxWrap .itemWrap .txt01 {
    font-size: 1.818vw;
    line-height: 1.25;
    font-weight: 700;
    margin-top: 0.909vw;
  }
  .lunchboxWrap .itemWrap .txt01 span {
    font-size: 1.091vw;
    position: relative;
    top: -0.182vw;
  }
  .lunchboxWrap .itemWrap .txt01.mini {
    font-size: 1.091vw;
    margin-top: 0.182vw;
  }
  .lunchboxWrap .itemWrap .txt02 {
    font-size: 1.364vw;
    line-height: 1.33;
    font-weight: 400;
    margin-top: 0.909vw;
    text-align: justify;
  }
  .lunchboxWrap .itemWrap .txt02 + .txt01 {
    margin-top: 1.364vw;
  }
}
@media screen and (max-width: 767px) {
  .lunchboxWrap .bookWrap {
    margin-top: 5.333vw;
    padding: 0 5.467vw;
    width: auto;
  }
  .lunchboxWrap .book-shell {
    aspect-ratio: 668 / 795;
  }
  .lunchboxWrap .itemWrap.itemWrapLeft a {
    padding: 0 6.667vw 0 13.333vw;
  }
  .lunchboxWrap .itemWrap.itemWrapRight a {
    padding: 0 6.667vw 0 13.333vw;
  }
  .lunchboxWrap .itemWrap.itemWrap01 a {
    padding: 0 6.667vw 0 13.333vw;
  }
  .lunchboxWrap .itemWrap.itemWrapLeft {
    background-image: url('../../img/contents/lunchbox/bg_sp.png');
  }
  .lunchboxWrap .itemWrap.itemWrapRight {
    background-image: url('../../img/contents/lunchbox/bg_sp.png');
    margin-left: 0;
  }
  .lunchboxWrap .itemWrap .txt01 {
    font-size: 4.4vw;
    line-height: 1.15;
    font-weight: 700;
    margin-top: 2.667vw;
  }
  .lunchboxWrap .itemWrap .txt01 span {
    font-size: 2.933vw;
  }
  .lunchboxWrap .itemWrap .txt01.mini {
    font-size: 2.933vw;
    margin-top: 0.267vw;
  }
  .lunchboxWrap .itemWrap .txt02 {
    font-size: 3.2vw;
    line-height: 1.38;
    margin-top: 1.733vw;
  }
  .lunchboxWrap .itemWrap.itemWrap01 .txt01 {
    margin-top: 0.267vw;
  }
  .lunchboxWrap .itemWrap .txt02 + .txt01 {
    margin-top: 2.667vw;
  }
}

/* itemWrap .pic */
.lunchboxWrap .itemWrap .pic {
  position: relative;
}
.lunchboxWrap .itemWrap01 .pic {
  width: 408px;
  top: -5px;
  left: -20px;
}
.lunchboxWrap .itemWrap02 .pic {
  width: 381px;
  padding-top: 30px;
}
.lunchboxWrap .itemWrap03 .pic {
  width: 373px;
  padding-top: 36px;
  left: -37px;
}
.lunchboxWrap .itemWrap04 .pic {
  width: 382px;
  padding-top: 40px;
}
.lunchboxWrap .itemWrap05 .pic {
  width: 354px;
  padding-top: 36px;
  left: -8px;
}
.lunchboxWrap .itemWrap06 .pic {
  width: 391px;
  padding-top: 34px;
  left: -16px;
}
.lunchboxWrap .itemWrap07 .pic {
  width: 398px;
  padding-top: 25px;
  left: -23px;
}
.lunchboxWrap .itemWrap08 .pic {
  width: 387px;
  padding-top: 23px;
  left: -7px;
}
.lunchboxWrap .itemWrap09 .pic {
  width: 370px;
  padding-top: 22px;
  left: -21px;
}
@media screen and (max-width: 1100px) {
  .lunchboxWrap .itemWrap .pic {
    position: relative;
  }
  .lunchboxWrap .itemWrap01 .pic {
    width: 37.091vw;
    top: -0.455vw;
    left: -1.818vw;
  }
  .lunchboxWrap .itemWrap02 .pic {
    width: 34.636vw;
    padding-top: 2.727vw;
  }
  .lunchboxWrap .itemWrap03 .pic {
    width: 33.909vw;
    padding-top: 3.273vw;
    left: -3.364vw;
  }
  .lunchboxWrap .itemWrap04 .pic {
    width: 34.727vw;
    padding-top: 3.636vw;
  }
  .lunchboxWrap .itemWrap05 .pic {
    width: 32.182vw;
    padding-top: 3.273vw;
    left: -0.727vw;
  }
  .lunchboxWrap .itemWrap06 .pic {
    width: 35.545vw;
    padding-top: 3.091vw;
    left: -1.455vw;
  }
  .lunchboxWrap .itemWrap07 .pic {
    width: 36.182vw;
    padding-top: 2.273vw;
    left: -2.091vw;
  }
  .lunchboxWrap .itemWrap08 .pic {
    width: 35.182vw;
    padding-top: 2.091vw;
    left: -0.636vw;
  }
  .lunchboxWrap .itemWrap09 .pic {
    width: 33.636vw;
    padding-top: 2vw;
    left: -1.909vw;
  }
}
@media screen and (max-width: 767px) {
  .lunchboxWrap .itemWrap01 .pic {
    width: 78.4vw;
    top: -2vw;
    left: -4vw;
  }
  .lunchboxWrap .itemWrap02 .pic {
    width: 72.267vw;
    padding-top: 9.333vw;
    left: 0.4vw;
  }
  .lunchboxWrap .itemWrap03 .pic {
    width: 72.8vw;
    padding-top: 6.133vw;
    left: -2.4vw;
  }
  .lunchboxWrap .itemWrap04 .pic {
    width: 72.933vw;
    padding-top: 9.6vw;
    padding-top: 6.933vw;
  }
  .lunchboxWrap .itemWrap05 .pic {
    width: 69.067vw;
    padding-top: 9.2vw;
    left: 0;
  }
  .lunchboxWrap .itemWrap06 .pic {
    width: 76.267vw;
    padding-top: 5.6vw;
    left: -3.067vw;
  }
  .lunchboxWrap .itemWrap07 .pic {
    width: 76.133vw;
    padding-top: 6.667vw;
    left: -2.533vw;
  }
  .lunchboxWrap .itemWrap08 .pic {
    width: 75.6vw;
    padding-top: 5.2vw;
    left: -3.067vw;
  }
  .lunchboxWrap .itemWrap09 .pic {
    width: 72.267vw;
    padding-top: 5.2vw;
    left: -0.933vw;
  }
}

/* BtnWrap */
.lunchboxWrap .swiperBtnWrap {
  margin-top: 20px;
}
.lunchboxWrap .controls button:disabled {
  opacity: 0.3;
  cursor: default;
}
.lunchboxWrap .controls button:disabled:hover {
  transform: scale(1);
}
.lunchboxWrap .swiperBtnWrap .btnBack,
.lunchboxWrap .swiperBtnWrap .btnNext {
  color: #000;
  border: 1px solid #000;
  -webkit-text-stroke: 0.5px #FFF251;
  background: #FFF251;
  padding: 2px 14px 5px;
}
.lunchboxWrap .swiperBtnWrap .btnBack::before {
  margin-right: 3px;
}
.lunchboxWrap .btnNext::after {
  margin-left: 3px;
}
@media screen and (max-width: 1100px) {
  .lunchboxWrap .swiperBtnWrap {
    margin-top: 1.818vw;
  }
  .lunchboxWrap .controls button:disabled {
    opacity: 0.3;
    cursor: default;
  }
  .lunchboxWrap .controls button:disabled:hover {
    transform: scale(1);
  }
  .lunchboxWrap .swiperBtnWrap .btnBack,
  .lunchboxWrap .swiperBtnWrap .btnNext {
    color: #000;
    border: 1px solid #000;
    -webkit-text-stroke: 0.5px #FFF251;
    background: #FFF251;
    padding: 0.182vw 1.273vw 0.455vw;
  }
  .lunchboxWrap .swiperBtnWrap .btnBack::before {
    margin-right: 0.273vw;
  }
  .lunchboxWrap .btnNext::after {
    margin-left: 0.273vw;
  }
}
@media screen and (max-width: 767px) {
  .lunchboxWrap .swiperBtnWrap {
    margin-top: 4.667vw;
  }
  .lunchboxWrap .swiperBtnWrap .btnBack,
  .lunchboxWrap .swiperBtnWrap .btnNext {
    padding: 0px 2.8vw 0.533vw;
  }
  .lunchboxWrap .swiperBtnWrap .btnBack::before {
    margin-right: 0.4vw;
  }
  .lunchboxWrap .btnNext::after {
    margin-left: 0.4vw;
  }
}

/* Pagination */
.lunchboxWrap .btnPagination {
  margin-top: 15px;
}
.lunchboxWrap .book-pagination__item {
	position: relative;
	width: 11px;
	height: 11px;
}
.lunchboxWrap .book-pagination__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: url('../../img/contents/common/btn_white.png') no-repeat center;
  background-size: 100% 100%;
}
.lunchboxWrap .book-pagination__item.is-active::before {
  background: url('../../img/contents/common/btn_yellow.png') no-repeat center;
  background-size: 100% 100%;
}
@media screen and (max-width: 1100px) {
  .lunchboxWrap .btnPagination {
    margin-top: 1.364vw;
  }
  .lunchboxWrap .book-pagination__item {
    position: relative;
    width: 1vw;
    height: 1vw;
  }
  .lunchboxWrap .book-pagination__item::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: url('../../img/contents/common/btn_white.png') no-repeat center;
    background-size: 100% 100%;
  }
  .lunchboxWrap .book-pagination__item.is-active::before {
    background: url('../../img/contents/common/btn_yellow.png') no-repeat center;
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 767px) {
  .lunchboxWrap .btnPagination {
    margin-top: 2.667vw;
  }
  .lunchboxWrap .book-pagination__item {
    width: 2.133vw;
    height: 2.133vw;
  }
}


/*---------------------------
  giftWrap
---------------------------*/
.giftWrap {
  padding: 60px 0 0;
  z-index: 2;
}
.giftWrap .bgWrap {
  position: relative;
  margin-top: 135px;
  background: linear-gradient(to bottom, transparent 250px, #76BEDC 250px);
  z-index: 2;
}
.giftWrap .bgWrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url('../../img/contents/gift/bg.png') no-repeat center;
  background-size: 100% 100%;
}
.giftWrap .inner {
  padding-bottom: 68px;
}
.giftWrap h2 {
  width: 500px;
  margin: 0 auto;
  padding-top: 72px;
}
.giftWrap .lead {
  font-size: 16px;
  line-height: 1.93;
  font-weight: 700;
  margin-top: 16px;
  text-align: center;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 1100px) {
  .giftWrap {
    padding: 5.455vw 0 0;
  }
  .giftWrap .bgWrap {
    position: relative;
    margin-top: 12.273vw;
    background: linear-gradient(to bottom, transparent 22.727vw, #76BEDC 22.727vw);
    z-index: 2;
  }
  .giftWrap .bgWrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36.364vw;
    background: url('../../img/contents/gift/bg.png') no-repeat center;
    background-size: 100% 100%;
  }
  .giftWrap .inner {
    padding-bottom: 6.182vw;
  }
  .giftWrap h2 {
    width: 45.455vw;
    margin: 0 auto;
    padding-top: 6.545vw;
  }
  .giftWrap .lead {
    font-size: 1.455vw;
    line-height: 1.93;
    font-weight: 700;
    margin-top: 1.455vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap {
    padding: 8.667vw 0 0;
    border-bottom: 5.333vw solid #E6EDAA;
  }
  .giftWrap .bgWrap {
    margin-top: 18vw;
    background: linear-gradient(to bottom, transparent 40vw, #76BEDC 40vw);
  }
  .giftWrap .bgWrap::before {
    height: 53.333vw;
    background-image: url('../../img/contents/gift/bg_sp.png');
  }
  .giftWrap .inner {
    padding-bottom: 20.667vw;
  }
  .giftWrap h2 {
    width: 81.333vw;
    padding-top: 9.333vw;
  }
  .giftWrap .lead {
    font-size: 3.067vw;
    line-height: 1.43;
    margin-top: 2.133vw;
  }
}

/* Icon */
.giftWrap .chara01 {
  width: 182px;
  top: -161px;
  left: 570px;
  z-index: -1;
}
.giftWrap .chara02 {
  width: 174px;
  top: -149px;
  left: 171px;
}
.giftWrap .chara03 {
  width: 102px;
  top: -111px;
  left: 460px;
  z-index: -1;
}
.giftWrap .chara04 {
  width: 105px;
  top: -60px;
  left: 353px;
}
.giftWrap .seal01 {
  width: 114px;
  top: -96px;
  left: 791px;
}
.giftWrap .seal02 {
  width: 46px;
  top: -127px;
  left: 394px;
}
.giftWrap .seal03 {
  width: 58px;
  top: -138px;
  left: 765px;
}
.giftWrap .seal04 {
  width: 67px;
  top: -40px;
  left: 746px;
}
@media screen and (max-width: 1100px) {
  .giftWrap .chara01 {
    width: 16.545vw;
    top: -14.636vw;
    left: 51.818vw;
    z-index: -1;
  }
  .giftWrap .chara02 {
    width: 15.818vw;
    top: -13.545vw;
    left: 15.545vw;
  }
  .giftWrap .chara03 {
    width: 9.273vw;
    top: -10.091vw;
    left: 41.818vw;
    z-index: -1;
  }
  .giftWrap .chara04 {
    width: 9.545vw;
    top: -5.455vw;
    left: 32.091vw;
  }
  .giftWrap .seal01 {
    width: 10.364vw;
    top: -8.727vw;
    left: 71.909vw;
  }
  .giftWrap .seal02 {
    width: 4.182vw;
    top: -11.545vw;
    left: 35.818vw;
  }
  .giftWrap .seal03 {
    width: 5.273vw;
    top: -12.545vw;
    left: 69.545vw;
  }
  .giftWrap .seal04 {
    width: 6.091vw;
    top: -3.636vw;
    left: 67.818vw;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .chara01 {
    width: 24.267vw;
    top: -21.467vw;
    left: 54.133vw;
  }
  .giftWrap .chara02 {
    width: 23.2vw;
    top: -19.867vw;
    left: 2.533vw;
  }
  .giftWrap .chara03 {
    width: 13.6vw;
    top: -14.8vw;
    left: 40.8vw;
  }
  .giftWrap .chara04 {
    width: 14vw;
    top: -8vw;
    left: 26.4vw;
  }
  .giftWrap .seal01 {
    width: 15.2vw;
    top: -12.8vw;
    left: 82.8vw;
  }
  .giftWrap .seal02 {
    width: 6.133vw;
    top: -16.933vw;
    left: 32.133vw;
  }
  .giftWrap .seal03 {
    width: 7.733vw;
    top: -18.4vw;
    left: 79.6vw;
  }
  .giftWrap .seal04 {
    width: 8.933vw;
    top: -5.333vw;
    left: 77.067vw;
  }
}

/* Icon */
.giftWrap .icon01 {
  width: 75px;
  top: 161px;
  left: 60px;
}
.giftWrap .icon02 {
  width: 61px;
  top: 255px;
  left: 42px;
}
.giftWrap .icon03 {
  width: 71px;
  top: 185px;
  left: 925px;
}
.giftWrap .icon04 {
  width: 47px;
  top: 265px;
  left: 985px;
}
.giftWrap .icon05 {
  width: 27px;
  top: 126px;
  left: 154px;
}
.giftWrap .icon06 {
  width: 27px;
  top: 228px;
  left: 136px;
}
.giftWrap .icon07 {
  width: 15px;
  top: 268px;
  left: 123px;
}
.giftWrap .icon08 {
  width: 15px;
  top: 277px;
  left: 33px;
}
.giftWrap .icon09 {
  width: 27px;
  top: 180px;
  left: 976px;
}
.giftWrap .icon10 {
  width: 27px;
  top: 131px;
  left: 922px;
}
.giftWrap .icon11 {
  width: 39px;
  top: 246px;
  left: 1018px;
}
.giftWrap .icon12 {
  width: 137px;
  bottom: 163px;
  left: 67px;
}
.giftWrap .icon13 {
  width: 138px;
  bottom: 21px;
  left: 31px;
}
.giftWrap .icon14 {
  width: 111px;
  bottom: 18px;
  left: 913px;
}
.giftWrap .icon15 {
  width: 64px;
  bottom: 36px;
  left: 1021px;
}
.giftWrap .icon16 {
  width: 15px;
  bottom: 154px;
  left: 50px;
}
.giftWrap .icon17 {
  width: 14px;
  bottom: 181px;
  left: 943px;
}
.giftWrap .icon18 {
  width: 14px;
  bottom: 31px;
  left: 913px;
}
.giftWrap .icon19 {
  width: 14px;
  bottom: 28px;
  left: 1060px;
}
@media screen and (max-width: 1100px) {
  .giftWrap .icon01 {
    width: 6.818vw;
    top: 14.636vw;
    left: 5.455vw;
  }
  .giftWrap .icon02 {
    width: 5.545vw;
    top: 23.182vw;
    left: 3.818vw;
  }
  .giftWrap .icon03 {
    width: 6.455vw;
    top: 16.818vw;
    left: 84.091vw;
  }
  .giftWrap .icon04 {
    width: 4.273vw;
    top: 24.091vw;
    left: 89.545vw;
  }
  .giftWrap .icon05 {
    width: 2.455vw;
    top: 11.455vw;
    left: 14vw;
  }
  .giftWrap .icon06 {
    width: 2.455vw;
    top: 20.727vw;
    left: 12.364vw;
  }
  .giftWrap .icon07 {
    width: 1.364vw;
    top: 24.364vw;
    left: 11.182vw;
  }
  .giftWrap .icon08 {
    width: 1.364vw;
    top: 25.182vw;
    left: 3vw;
  }
  .giftWrap .icon09 {
    width: 2.455vw;
    top: 16.364vw;
    left: 88.727vw;
  }
  .giftWrap .icon10 {
    width: 2.455vw;
    top: 11.909vw;
    left: 83.818vw;
  }
  .giftWrap .icon11 {
    width: 3.545vw;
    top: 22.364vw;
    left: 92.545vw;
  }
  .giftWrap .icon12 {
    width: 12.455vw;
    bottom: 14.818vw;
    left: 6.091vw;
  }
  .giftWrap .icon13 {
    width: 12.545vw;
    bottom: 1.909vw;
    left: 2.818vw;
  }
  .giftWrap .icon14 {
    width: 10.091vw;
    bottom: 1.636vw;
    left: 83vw;
  }
  .giftWrap .icon15 {
    width: 5.818vw;
    bottom: 3.273vw;
    left: 92.818vw;
  }
  .giftWrap .icon16 {
    width: 1.364vw;
    bottom: 14vw;
    left: 4.545vw;
  }
  .giftWrap .icon17 {
    width: 1.273vw;
    bottom: 16.455vw;
    left: 85.727vw;
  }
  .giftWrap .icon18 {
    width: 1.273vw;
    bottom: 2.818vw;
    left: 83vw;
  }
  .giftWrap .icon19 {
    width: 1.273vw;
    bottom: 2.545vw;
    left: 96.364vw;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .icon01 {
    width: 10vw;
    top: 30.8vw;
    left: 11.6vw;
  }
  .giftWrap .icon02 {
    display: none;
  }
  .giftWrap .icon03 {
    width: 9.467vw;
    top: 28.8vw;
    left: auto;
    right: 7.733vw;
  }
  .giftWrap .icon04 {
    display: none;
  }
  .giftWrap .icon05 {
    width: 3.6vw;
    top: 25.467vw;
    left: 6.933vw;
  }
  .giftWrap .icon06 {
    width: 3.6vw;
    top: 36.667vw;
    left: 4.533vw;
  }
  .giftWrap .icon07 {
    width: 2vw;
    top: 42.4vw;
    left: 2.8vw;
  }
  .giftWrap .icon08 {
    display: none;
  }
  .giftWrap .icon09 {
    width: 3.6vw;
    top: 28.133vw;
    left: auto;
    right: 6.8vw;
  }
  .giftWrap .icon10 {
    width: 3.6vw;
    top: 39.2vw;
    left: auto;
    right: 18vw;
  }
  .giftWrap .icon11 {
    display: none;
  }
  .giftWrap .icon12 {
    width: 24vw;
    bottom: 4vw;
    left: 26.133vw;
  }
  .giftWrap .icon13 {
    width: 22.4vw;
    bottom: 1.733vw;
    left: 2.667vw;
  }
  .giftWrap .icon14 {
    width: 19.6vw;
    bottom: 2.933vw;
    left: auto;
    right: 1.467vw;
  }
  .giftWrap .icon15 {
    width: 11.2vw;
    bottom: 1.333vw;
    left: auto;
    right: 18.8vw;
  }
  .giftWrap .icon16 {
    width: 2.4vw;
    bottom: 24.533vw;
    left: 5.867vw;
  }
  .giftWrap .icon17 {
    width: 2.4vw;
    bottom: 15.867vw;
    left: 48vw;
  }
  .giftWrap .icon18 {
    width: 2.4vw;
    bottom: 8.667vw;
    left: 60.8vw;
  }
  .giftWrap .icon19 {
    width: 2.4vw;
    bottom: 4.933vw;
    left: 79.867vw;
  }
}

/* slide */
.giftWrap .slide {
	display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  width: 536px;
  margin: 46px auto 0;
  position: relative;
}
.giftWrap .swiper {
  width: 100%;
  overflow: visible;
}
.giftWrap .swiper-slide {
  height: auto;
  margin-left: 80px;
  margin-right: 80px;
}
.giftWrap .swiper-slide a,
.giftWrap .slideItem,
.giftWrap .slideItem .slideItemInner {
  height: 100%;
}
@media screen and (max-width: 1100px) {
  .giftWrap .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vw;
    width: 48.727vw;
    margin: 4.182vw auto 0;
    position: relative;
  }
  .giftWrap .swiper {
    width: 100%;
    overflow: visible;
  }
  .giftWrap .swiper-slide {
    height: auto;
    margin-left: 7.273vw;
    margin-right: 7.273vw;
  }
  .giftWrap .swiper-slide a,
  .giftWrap .slideItem,
  .giftWrap .slideItem .slideItemInner {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .slide {
    gap: 0;
    width: 77.333vw;
    margin: 5.333vw auto 0;
    padding-top: 30.667vw;
  }
  .giftWrap .swiper-slide {
    margin-left: 3.067vw;
    margin-right: 3.067vw;
  }
}

.giftWrap .slideItem {
  border-radius: 17px;
  background: #BBD265;
  padding: 3px;
}
.giftWrap .slideItem .slideItemInner {
  border: 1px solid #000;
  border-radius: 14px;
  position: relative;
  width: 100%;
  padding: 15px 18px 20px;
}
.giftWrap .slideItem.slideItem02,
.giftWrap .slideItem.slideItem14 {
  background: url('../../img/contents/gift/bg_star.png') repeat center;
  background-size: 13px 13px;
}
.giftWrap .slideItem.slideItem03 {
  background: #BAE3F9;
}
.giftWrap .slideItem.slideItem04,
.giftWrap .slideItem.slideItem10 {
  background: repeating-linear-gradient(-45deg, #40c2ec, #40c2ec 8px,#fff 8px, #fff 16px);
}
.giftWrap .slideItem.slideItem05,
.giftWrap .slideItem.slideItem12 {
  background: #FFF000;
}
.giftWrap .slideItem.slideItem06,
.giftWrap .slideItem.slideItem11 {
  background-color: #ffdbb4;
  background-image: radial-gradient(circle, #fff 2px, transparent 2px);
  background-position: 0 0;
  background-size: 8px 8px;
}
.giftWrap .slideItem.slideItem07 {
  background: #F7C8D5;
}
.giftWrap .slideItem.slideItem08 {
  background: repeating-linear-gradient(-45deg, #ffe939, #ffe939 5px,#fff 5px, #fff 11px);
}
.giftWrap .slideItem.slideItem13 {
  background: #F9C049;
}
@media screen and (max-width: 1100px) {
  .giftWrap .slideItem {
    border-radius: 1.545vw;
    background: #BBD265;
    padding: 0.273vw;
  }
  .giftWrap .slideItem .slideItemInner {
    border: 1px solid #000;
    border-radius: 1.273vw;
    position: relative;
    width: 100%;
    padding: 1.364vw 1.636vw 1.818vw;
  }
  .giftWrap .slideItem.slideItem02,
  .giftWrap .slideItem.slideItem14 {
    background: url('../../img/contents/gift/bg_star.png') repeat center;
    background-size: 1.182vw 1.182vw;
  }
  .giftWrap .slideItem.slideItem03 {
    background: #BAE3F9;
  }
  .giftWrap .slideItem.slideItem04,
  .giftWrap .slideItem.slideItem10 {
    background: repeating-linear-gradient(-45deg, #40c2ec, #40c2ec 0.727vw,#fff 0.727vw, #fff 1.455vw);
  }
  .giftWrap .slideItem.slideItem05,
  .giftWrap .slideItem.slideItem12 {
    background: #FFF000;
  }
  .giftWrap .slideItem.slideItem06,
  .giftWrap .slideItem.slideItem11 {
    background-color: #ffdbb4;
    background-image: radial-gradient(circle, #fff 0.182vw, transparent 0.182vw);
    background-position: 0 0;
    background-size: 0.727vw 0.727vw;
  }
  .giftWrap .slideItem.slideItem07 {
    background: #F7C8D5;
  }
  .giftWrap .slideItem.slideItem08 {
    background: repeating-linear-gradient(-45deg, #ffe939, #ffe939 0.455vw,#fff 0.455vw, #fff 1vw);
  }
  .giftWrap .slideItem.slideItem13 {
    background: #F9C049;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .slideItem {
    border-radius: 3.333vw;
    padding: 0.667vw;
  }
  .giftWrap .slideItem .slideItemInner {
    border-radius: 2.933vw;
    padding: 1.733vw 5.6vw 3.333vw;
  }
  .giftWrap .slideItem.slideItem02,
  .giftWrap .slideItem.slideItem14 {
    background-size: 2.4vw 2.4vw;
  }
  .giftWrap .slideItem.slideItem04,
  .giftWrap .slideItem.slideItem10 {
    background: repeating-linear-gradient(-45deg, #40c2ec, #40c2ec 0.933vw,#fff 0.933vw, #fff 1.867vw);
  }
  .giftWrap .slideItem.slideItem06,
  .giftWrap .slideItem.slideItem11 {
    background-image: radial-gradient(circle, #fff 0.267vw, transparent 0.267vw);
    background-size: 1.067vw 1.067vw;
  }
  .giftWrap .slideItem.slideItem08 {
    background: repeating-linear-gradient(-45deg, #ffe939, #ffe939 0.933vw,#fff 0.933vw, #fff 1.867vw);
  }
}

.giftWrap .slideItem .ttl {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  margin: 0 -10px;
  transform: rotate(0.03deg);
}
.giftWrap .slideItem .flexBox {
  display: flex;
  gap: 0 16px;
  margin-top: 12px;
}
.giftWrap .slideItem .flexBox .pic {
  width: 272px;
  margin-top: 2px;
}
.giftWrap .slideItem .flexBox .txtWrap {
  width: calc(100% - 272px - 16px);
}
.giftWrap .slideItem03 .flexBox .pic {
  width: 245px;
}
.giftWrap .slideItem03 .flexBox .txtWrap {
  width: calc(100% - 245px - 16px);
}
.giftWrap .slideItem07 .ttl {
  letter-spacing: -0.05em;
}
.giftWrap .slideItem .flexBox .txtWrap .txt {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.04em;
  text-align: justify;
  -webkit-text-stroke: 3px #fff;
  paint-order: stroke fill;
  transform: rotate(0.03deg);
}
.giftWrap .slideItem .flexBox .txtWrap .txt span {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.giftWrap .slideItem .flexBox .txtWrap .txt + .txt {
  margin-top: 10px;
  font-weight: 400;
  letter-spacing: 0;
}
.giftWrap .slideItem .flexBox .txtWrap .txt02 {
  font-size: 12px;
  transform: rotate(0.03deg);
}
.giftWrap .slideItem .flexBox .txtWrap .txt + .txt02 {
  margin-top: 2px;
}
@media screen and (max-width: 1100px) {
  .giftWrap .slideItem .ttl {
    font-size: 1.818vw;
    font-weight: 800;
    text-align: center;
    margin: 0 -0.909vw;
  }
  .giftWrap .slideItem .flexBox {
    display: flex;
    gap: 0 1.455vw;
    margin-top: 1.091vw;
  }
  .giftWrap .slideItem .flexBox .pic {
    width: 24.727vw;
    margin-top: 0.182vw;
  }
  .giftWrap .slideItem .flexBox .txtWrap {
    width: calc(100% - 24.727vw - 1.455vw);
  }
  .giftWrap .slideItem03 .flexBox .pic {
    width: 22.273vw;
  }
  .giftWrap .slideItem03 .flexBox .txtWrap {
    width: calc(100% - 22.273vw - 1.455vw);
  }
  .giftWrap .slideItem07 .ttl {
    letter-spacing: -0.05em;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt {
    font-size: 1.364vw;
    line-height: 1.33;
    letter-spacing: 0.04em;
    text-align: justify;
    -webkit-text-stroke: 0.273vw #fff;
    paint-order: stroke fill;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt span {
    font-size: 1.091vw;
    position: relative;
    top: -0.091vw;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt + .txt {
    margin-top: 0.909vw;
    font-weight: 400;
    letter-spacing: 0;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt02 {
    font-size: 1.091vw;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt + .txt02 {
    margin-top: 0.182vw;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .slideItem .ttl {
    font-size: 4.4vw;
    line-height: 1.2;
    margin: 0 -5.333vw;
    min-height: 10.667vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .giftWrap .slideItem .flexBox {
    flex-wrap: wrap;
    gap: 4vw;
    margin-top: 1.067vw;
  }
  .giftWrap .slideItem .flexBox .pic {
    width: 100%;
    margin-top: 0;
  }
  .giftWrap .slideItem .flexBox .txtWrap {
    width: 100%;
  }
  .giftWrap .slideItem03 .flexBox .pic {
    width: 100%;
  }
  .giftWrap .slideItem03 .flexBox .txtWrap {
    width: 100%;
  }
  .giftWrap .slideItem07 .ttl {
    letter-spacing: 0;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt {
    font-size: 3.2vw;
    line-height: 1.3;
    -webkit-text-stroke: 0.667vw #fff;
    letter-spacing: 0;
  }
  .giftWrap .slideItem.slideItem08 .flexBox .txtWrap .txt {
    letter-spacing: -0.04em;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt span {
    font-size: 2.667vw;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt + .txt {
    margin-top: 1.6vw;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt02 {
    font-size: 2.667vw;
  }
  .giftWrap .slideItem .flexBox .txtWrap .txt + .txt02 {
    margin-top: 0.267vw;
  }
}

.giftWrap .swiper-prev,
.giftWrap .swiper-next {
	position: absolute;
	top: calc(50% - 16px);
  background: #fff;
  border: 1px solid #333;
  -webkit-text-stroke: 0.5px #fff;
  color: #76BEDC;
}
.giftWrap .swiper-prev {
	left: -132px;
}
.giftWrap .swiper-next {
	right: -132px;
}
@media screen and (max-width: 1100px) {
  .giftWrap .swiper-prev,
  .giftWrap .swiper-next {
    position: absolute;
    top: calc(50% - 1.455vw);
    background: #fff;
    border: 1px solid #333;
    -webkit-text-stroke: 0.5px #fff;
    color: #76BEDC;
  }
  .giftWrap .swiper-prev {
    left: -12vw;
  }
  .giftWrap .swiper-next {
    right: -12vw;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .swiperBtnWrap {
    margin-top: 4vw;
  }
  .giftWrap .swiper-prev,
  .giftWrap .swiper-next {
    position: static;
  }
}

/* サムネイル */
.giftWrap .slide-thumbs {
  display: flex;
  justify-content: center;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.giftWrap .slide-thumbs button {
  position: relative;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  width: 85px;
  height: 85px;
  border-radius: 85px;
}
.giftWrap .slide-thumbs button:hover {
  opacity: 1;
}
.giftWrap .slide-thumbs button img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 85px;
  border: 1px solid #333;
  top: 0;
  left: 0;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
  will-change: transform;
}
.giftWrap .slide-thumbs .is-active img {
  transform: scale(1.15);
  border: none;
}
.giftWrap .slide-thumbs button:hover img {
  animation: thumbsHover 0.3s ease;
}
.giftWrap .slide-thumbs button.is-active:hover img {
  animation: none;
}
@keyframes thumbsHover {
  0%, 100% {
    transform: translateX(0) rotate(0deg) scale(1);
  }
  /*25% {
    transform: translateX(-8px) rotate(-4deg);
  }*/
  50% {
    transform: translateX(0) rotate(15deg) scale(1.1);
  }
  /*75% {
    transform: translateX(-4px) rotate(-2deg);
  }*/
}
@media screen and (max-width: 1100px) {
  .giftWrap .slide-thumbs {
    display: flex;
    justify-content: center;
    gap: 1.455vw;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .giftWrap .slide-thumbs button {
    position: relative;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    width: 7.727vw;
    height: 7.727vw;
    border-radius: 7.727vw;
  }
  .giftWrap .slide-thumbs button:hover {
    opacity: 1;
  }
  .giftWrap .slide-thumbs button img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 7.727vw;
    border: 1px solid #333;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.34, 2.56, 0.64, 1);
    will-change: transform;
  }
}
@media screen and (max-width: 767px) {
  .giftWrap .slide-thumbs {
    gap: 2.133vw;
  }
  .giftWrap .slide-thumbs button {
    width: 11.333vw;
    height: 11.333vw;
    border-radius: 11.333vw;
  }
  .giftWrap .slide-thumbs button img {
    border-radius: 11.333vw;
  }
  .giftWrap .slide-thumbs.slide-thumbs--top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .giftWrap .slide-thumbs.slide-thumbs--bottom {
    position: absolute;
    top: 13.6vw;
    left: 50%;
    transform: translateX(-50%);
  }
}


/*---------------------------
  collectionWrap
---------------------------*/
.collectionWrap .collectionPin {
  position: relative;
  height: calc(100vh - 66px);
  height: calc(100dvh - 66px); /* SPのアドレスバー対策 */
  padding: 55px 0;
  box-sizing: border-box;
}
.collectionWrap .inner {
  padding: 0 100px;
  height: 100%;
}
.collectionWrap .collectionInner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 0;        /* flex 子のはみ出し防止 */
  height: 100%;
  background-color: #f6f8e3;
  background-image: radial-gradient(circle, #fde948 2px, transparent 2px);
  background-position: 0 0;
  background-size: 8px 8px;
  padding-left: 20px;
}
.collectionWrap .leftWrap {
  flex: 0 0 340px; /* 幅はデザインに合わせて */
  position: relative;
  margin-bottom: 20px;
}
.collectionWrap .rightViewport {
  flex: 1;
  height: 100%;         /* 100vh ではなく親の 100% */
  min-height: 0;
  overflow: hidden;
}
.collectionWrap .rightWrap {
  will-change: transform;
  padding-right: 25px;
}
@media screen and (max-width: 1100px) {
  .collectionWrap .collectionPin {
    padding: 5vw 0;
    box-sizing: border-box;
  }
  .collectionWrap .inner {
    padding: 0 9.091vw;
    height: 100%;
  }
  .collectionWrap .collectionInner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 0;        /* flex 子のはみ出し防止 */
    height: 100%;
    background-color: #f6f8e3;
    background-image: radial-gradient(circle, #fde948 0.182vw, transparent 0.182vw);
    background-position: 0 0;
    background-size: 0.727vw 0.727vw;
    padding-left: 1.818vw;
  }
  .collectionWrap .leftWrap {
    flex: 0 0 30.909vw; /* 幅はデザインに合わせて */
    position: relative;
    margin-bottom: 1.818vw;
  }
  .collectionWrap .rightViewport {
    flex: 1;
    height: 100%;         /* 100vh ではなく親の 100% */
    min-height: 0;
    overflow: hidden;
  }
  .collectionWrap .rightWrap {
    will-change: transform;
    padding-right: 2.273vw;
  }
}
@media screen and (max-width: 767px) {
  .collectionWrap {
    border-bottom: 2.667vw solid #E6EDAA;
  }
  .collectionWrap .collectionPin {
    height: calc(100vh - 50px - 72px);
    height: calc(100dvh - 50px - 72px); /* SPのアドレスバー対策 */
    padding: 2.667vw 0 10vw;
  }
  .collectionWrap .inner {
    padding: 0 4.667vw;
    height: 100%;
  }
  .collectionWrap .collectionInner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    min-height: 0;
    background-image: radial-gradient(circle, #fde948 0.267vw, transparent 0.267vw);
    background-size: 1.067vw 1.067vw;
    padding-left: 0;
  }
  .collectionWrap .leftWrap {
    display: none;
  }
  .collectionWrap .rightViewport {
    flex: 1;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
  .collectionWrap .rightWrap {
    padding: 0 6.667vw;
  }
}

.collectionWrap h2 {
  width: 253px;
  margin: 0 auto;
}
.collectionWrap .lead01 {
  position: absolute;
  width: 186px;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
}
.collectionWrap .lead02 {
  position: absolute;
  width: 323px;
  top: -27px;
  left: 50%;
  transform: translateX(-50%);
}
.collectionWrap .seal01 {
  width: 35px;
  top: 162px;
  left: 10px;
}
.collectionWrap .seal02 {
  width: 30px;
  top: 191px;
  left: 35px;
}
.collectionWrap .seal03 {
  width: 32px;
  top: 158px;
  left: 269px;
}
.collectionWrap .seal04 {
  width: 13px;
  top: 147px;
  left: 296px;
}
@media screen and (max-width: 1100px) {
  .collectionWrap h2 {
    width: 23vw;
    margin: 0 auto;
  }
  .collectionWrap .lead01 {
    position: absolute;
    width: 16.909vw;
    top: -4.727vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .collectionWrap .lead02 {
    position: absolute;
    width: 29.364vw;
    top: -2.455vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .collectionWrap .seal01 {
    width: 3.182vw;
    top: 14.727vw;
    left: 0.909vw;
  }
  .collectionWrap .seal02 {
    width: 2.727vw;
    top: 17.364vw;
    left: 3.182vw;
  }
  .collectionWrap .seal03 {
    width: 2.909vw;
    top: 14.364vw;
    left: 24.455vw;
  }
  .collectionWrap .seal04 {
    width: 1.182vw;
    top: 13.364vw;
    left: 26.909vw;
  }
}
@media screen and (max-width: 767px) {
  .collectionWrap h2 {
    width: 49.733vw;
    padding-top: 14.8vw;
  }
  .collectionWrap .lead01 {
    width: 35.467vw;
    top: 4.533vw;
  }
  .collectionWrap .lead02 {
    width: 62.533vw;
    top: 9.467vw;
  }
  .collectionWrap .seal01 {
    width: 6.533vw;
    top: 41.333vw;
    left: 10.667vw;
  }
  .collectionWrap .seal02 {
    width: 5.2vw;
    top: 47.333vw;
    left: 15.867vw;
  }
  .collectionWrap .seal03 {
    width: 5.867vw;
    top: 45.6vw;
    left: 65.867vw;
  }
  .collectionWrap .seal04 {
    width: 2.4vw;
    top: 43.6vw;
    left: 70.933vw;
  }
}

/* rightWrap */
.collectionWrap .rightWrap li {
  padding: 60px 0;
}
.collectionWrap .rightWrap li:last-child {
  padding-bottom: 200px;
}
.collectionWrap .rightWrap .flexBox {
  display: flex;
  gap: 15px;
  position: relative;
}
.collectionWrap .rightWrap .flexBox .pic {
  width: calc(100% - 205px - 15px);
  text-align: right;
}
.collectionWrap .rightWrap .flexBox .txtWrap {
  width: 205px;
}
.collectionWrap .rightWrap .flexBox .txtWrap .num {
  font-family: "Dela Gothic One", sans-serif;
  font-style: italic;
  font-size: 20px;
}
.collectionWrap .rightWrap .flexBox .txtWrap .place {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #E84994;
  z-index: 3;
  letter-spacing: 0.04em;
  margin-top: 8px;
  margin-right: -20px;
  width: calc(100% + 20px);
  transform: rotate(0.03deg);
}
.collectionWrap .rightWrap .flexBox .txtWrap .place::before {
  width: 100%;
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  -webkit-text-stroke: 8px #F5D53C;
  z-index: -2;
}
.collectionWrap .rightWrap .flexBox .txtWrap .place::after {
  width: 100%;
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  -webkit-text-stroke: 3px #fff;
  z-index: -1;
}
.collectionWrap .rightWrap .flexBox .txtWrap .ttl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  color: #EA6DA4;
  margin-top: 6px;
  transform: rotate(0.03deg);
}
.collectionWrap .rightWrap .flexBox .txtWrap .ttl span {
  font-size: 13px;
  position: relative;
  top: -2px;
}
.collectionWrap .rightWrap .flexBox .txtWrap .ttl02 {
  font-size: 12px;
  margin-top: 2px;
  transform: rotate(0.03deg);
}
.collectionWrap .rightWrap .txt {
  font-size: 15px;
  line-height: 1.33;
  text-align: justify;
  margin-top: 12px;
  font-weight: 400;
  transform: rotate(0.03deg);
}
.collectionWrap .rightWrap .txt02 {
  font-size: 10px;
  margin-top: 6px;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1100px) {
  .collectionWrap .rightWrap li {
    padding: 5.455vw 0;
  }
  .collectionWrap .rightWrap li:last-child {
    padding-bottom: 18.182vw;
  }
  .collectionWrap .rightWrap .flexBox {
    display: flex;
    gap: 1.364vw;
  }
  .collectionWrap .rightWrap .flexBox .pic {
    width: calc(100% - 18.636vw - 1.364vw);
    text-align: right;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap {
    width: 18.636vw;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .num {
    font-family: "Dela Gothic One", sans-serif;
    font-style: italic;
    font-size: 1.818vw;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .place {
    position: relative;
    display: inline-block;
    font-size: 1.455vw;
    font-weight: 700;
    line-height: 1;
    color: #E84994;
    z-index: 3;
    letter-spacing: 0.04em;
    margin-top: 0.727vw;
    margin-right: -1.818vw;
    width: calc(100% + 1.818vw);
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .place::before {
    width: 100%;
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    -webkit-text-stroke: 0.727vw #F5D53C;
    z-index: -2;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .place::after {
    width: 100%;
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: transparent;
    -webkit-text-stroke: 0.273vw #fff;
    z-index: -1;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl {
    font-size: 1.818vw;
    font-weight: 700;
    line-height: 1.25;
    color: #EA6DA4;
    margin-top: 0.545vw;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl span {
    font-size: 1.182vw;
    position: relative;
    top: -0.182vw;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl02 {
    font-size: 1.091vw;
    margin-top: 0.182vw;
  }
  .collectionWrap .rightWrap .txt {
    font-size: 1.364vw;
    line-height: 1.33;
    text-align: justify;
    margin-top: 1.091vw;
    font-weight: 400;
  }
  .collectionWrap .rightWrap .txt02 {
    font-size: 0.909vw;
    margin-top: 0.545vw;
    line-height: 1.6;
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) {
  .collectionWrap .rightWrap li {
    padding: 4.667vw 0 5.333vw;
  }
  .collectionWrap .rightWrap li + li {
    border-top: 0.267vw solid #E84994;
  }
  .collectionWrap .rightWrap li:last-child {
    padding-bottom: 26.667vw;
  }
  .collectionWrap .rightWrap .flexBox {
    display: block;
  }
  .collectionWrap .rightWrap .flexBox .pic {
    width: 100%;
    text-align: center;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap {
    width: 100%;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .num {
    font-size: 4.267vw;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .place {
    font-size: 3.467vw;
    margin-top: 1.333vw;
    margin-right: 0;
    width: 100%;
    font-weight: 800;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .place::before {
    -webkit-text-stroke: 1.333vw #F5D53C;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .place::after {
    -webkit-text-stroke: 0.533vw #fff;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl {
    font-size: 4.4vw;
    margin-top: 0.667vw;
    font-weight: 800;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl span {
    font-size: 2.667vw;
    top: -0.4vw;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl span.sp {
    display: inline-block;
  }
  .collectionWrap .rightWrap .flexBox .txtWrap .ttl02 {
    font-size: 2.667vw;
    margin-top: 0.533vw;
  }
  .collectionWrap .rightWrap .txt {
    font-size: 3.2vw;
    margin-top: 2.667vw;
  }
  .collectionWrap .rightWrap .txt02 {
    font-size: 2.667vw;
    margin-top: 1.333vw;
    line-height: 1.4;
  }
}

/* pic */
.collectionWrap .item01 .pic {
  margin-top: 8px;
}
.collectionWrap .item01 .pic img {
  width: 289px;
}
.collectionWrap .item02 .pic {
  margin-top: -28px;
}
.collectionWrap .item02 .pic img {
  width: 234px;
  margin-right: 10px;
}
.collectionWrap .item03 .pic {
  margin-top: 14px;
}
.collectionWrap .item03 .pic img {
  width: 270px;
}
.collectionWrap .item04 .pic {
  margin-top: -20px;
}
.collectionWrap .item04 .pic img {
  width: 277px;
}
.collectionWrap .item05 .pic {
  margin-top: 3px;
}
.collectionWrap .item05 .pic img {
  width: 236px;
}
.collectionWrap .item05 .txt {
  padding-left: 55px;
}
.collectionWrap .item06 .pic {
  margin-top: 30px;
}
.collectionWrap .item06 .pic img {
  width: 257px;
}
.collectionWrap .item07 .pic {
  margin-top: 9px;
}
.collectionWrap .item07 .pic img {
  width: 288px;
}
@media screen and (max-width: 1100px) {
  .collectionWrap .item01 .pic {
    margin-top: 0.727vw;
  }
  .collectionWrap .item01 .pic img {
    width: 26.273vw;
  }
  .collectionWrap .item02 .pic {
    margin-top: -2.545vw;
  }
  .collectionWrap .item02 .pic img {
    width: 21.273vw;
    margin-right: 0.909vw;
  }
  .collectionWrap .item03 .pic {
    margin-top: 1.273vw;
  }
  .collectionWrap .item03 .pic img {
    width: 24.545vw;
  }
  .collectionWrap .item04 .pic {
    margin-top: -1.818vw;
  }
  .collectionWrap .item04 .pic img {
    width: 25.182vw;
  }
  .collectionWrap .item05 .pic {
    margin-top: -1.727vw;
  }
  .collectionWrap .item05 .pic {
    margin-top: 0.273vw;
  }
  .collectionWrap .item05 .pic img {
    width: 21.455vw;
  }
  .collectionWrap .item06 .pic {
    margin-top: 2.727vw;
  }
  .collectionWrap .item06 .pic img {
    width: 23.364vw;
  }
  .collectionWrap .item07 .pic {
    margin-top: 0.818vw;
  }
  .collectionWrap .item07 .pic img {
    width: 26.182vw;
  }
}
@media screen and (max-width: 767px) {
  .collectionWrap .rightWrap .flexBox .pic {
    margin: 0 auto;
  }
  .collectionWrap .rightWrap .flexBox .pic img {
    width: 100%;
  }
  .collectionWrap .rightWrap .item01 .pic {
    margin-top: -2vw;
    width: 62vw;
  }
  .collectionWrap .rightWrap .item01 .txtWrap {
    margin-top: -5.333vw;
  }
  .collectionWrap .rightWrap .item02 .pic {
    margin-top: 0;
    padding-left: 5.333vw;
    width: calc(53.867vw + 5.333vw);
  }
  .collectionWrap .rightWrap .item02 .txtWrap {
    margin-top: 5.333vw;
  }
  .collectionWrap .rightWrap .item03 .pic {
    margin-top: -3.333vw;
    width: 66.8vw;
  }
  .collectionWrap .rightWrap .item04 .pic {
    margin-top: 0;
    width: 72vw;
  }
  .collectionWrap .rightWrap .item04 .txtWrap {
    margin-top: -5.333vw;
  }
  .collectionWrap .rightWrap .item05 .pic {
    margin-top: 0;
    width: 64.667vw;
  }
  .collectionWrap .rightWrap .item05 .txtWrap {
    margin-top: 2vw;
  }
  .collectionWrap .rightWrap .item05 .txt {
    padding-left: 0;
  }
  .collectionWrap .rightWrap .item06 .pic {
    margin-top: 0;
    width: 63.867vw;
  }
  .collectionWrap .rightWrap .item06 .txtWrap {
    margin-top: -10vw;
  }
  .collectionWrap .rightWrap .item07 .pic {
    margin-top: -4vw;
    width: 75.467vw;
  }
  .collectionWrap .rightWrap .item07 .txtWrap {
    margin-top: -4.667vw;
  }
}

/* itemIcon */
.collectionWrap .flexBox .itemIcon {
  position: absolute;
}
.collectionWrap .item01 .itemIcon01 {
  width: 25px;
  top: -6px;
  left: 144px;
}
.collectionWrap .item01 .itemIcon02 {
  width: 23px;
  top: 196px;
  left: 47px;
}
.collectionWrap .item02 .itemIcon01 {
  width: 23px;
  top: -23px;
  left: 253px;
}
.collectionWrap .item02 .itemIcon02 {
  width: 25px;
  top: 4px;
  left: 239px;
}
.collectionWrap .item03 .itemIcon01 {
  width: 28px;
  top: 10px;
  left: 26px;
}
.collectionWrap .item03 .itemIcon02 {
  width: 23px;
  top: 36px;
  left: 53px;
}
.collectionWrap .item04 .itemIcon01 {
  width: 32px;
  top: -2px;
  left: 21px;
}
.collectionWrap .item04 .itemIcon02 {
  width: 24px;
  top: -6px;
  left: 253px;
}
.collectionWrap .item05 .itemIcon01 {
  width: 25px;
  top: -2px;
  left: 10px;
}
.collectionWrap .item05 .itemIcon02 {
  width: 24px;
  top: -21px;
  left: 38px;
}
.collectionWrap .item06 .itemIcon01 {
  width: 28px;
  top: -12px;
  left: 77px;
}
.collectionWrap .item06 .itemIcon02 {
  width: 24px;
  top: -29px;
  left: 103px;
}
.collectionWrap .item07 .itemIcon01 {
  width: 25px;
  top: 25px;
  left: 52px;
}
.collectionWrap .item07 .itemIcon02 {
  width: 24px;
  top: 11px;
  left: 81px;
}
@media screen and (max-width: 1100px) {}
@media screen and (max-width: 767px) {
  .collectionWrap .item01 .itemIcon01 {
    width: 4.667vw;
    top: 1.067vw;
    left: 38.533vw;
  }
  .collectionWrap .item01 .itemIcon02 {
    width: 4.533vw;
    top: 44.267vw;
    left: 14.4vw;
  }
  .collectionWrap .item02 .itemIcon01 {
    width: 6.4vw;
    top: 1.733vw;
    left: 64.667vw;
  }
  .collectionWrap .item02 .itemIcon02 {
    width: 6.667vw;
    top: 8.933vw;
    left: 59.6vw;
  }
  .collectionWrap .item03 .itemIcon01 {
    width: 6.667vw;
    top: 3.067vw;
    left: 0px;
  }
  .collectionWrap .item03 .itemIcon02 {
    width: 5.733vw;
    top: 6.933vw;
    left: 8.8vw;
  }
  .collectionWrap .item04 .itemIcon01 {
    width: 8vw;
    top: 0px;
    left: 2.133vw;
  }
  .collectionWrap .item04 .itemIcon02 {
    width: 6vw;
    top: 3.733vw;
    left: 61.067vw;
  }
  .collectionWrap .item05 .itemIcon01 {
    width: 4.667vw;
    top: 8vw;
    left: -0.4vw;
  }
  .collectionWrap .item05 .itemIcon02 {
    width: 4.533vw;
    top: 4.133vw;
    left: 5.067vw;
  }
  .collectionWrap .item06 .itemIcon01 {
    width: 6.8vw;
    top: 3.2vw;
    left: 55.2vw;
  }
  .collectionWrap .item06 .itemIcon02 {
    width: 5.733vw;
    top: 0px;
    left: 62.4vw;
  }
  .collectionWrap .item07 .itemIcon01 {
    width: 6.267vw;
    top: 37.067vw;
    left: 65.2vw;
  }
  .collectionWrap .item07 .itemIcon02 {
    width: 6.133vw;
    top: 32.667vw;
    left: 71.867vw;
  }
}

/* runnerWrap */
.collectionWrap .runnerWrap .runner,
.collectionWrap .runnerWrap .scaleInRun {
  position: absolute;
  z-index: 10;
  will-change: transform;
}
.collectionWrap .runnerWrap .runner01 {
  width: 65px;
  bottom: -17px;
  left: 25px;
}
.collectionWrap .runnerWrap .runner02 {
  width: 94px;
  bottom: -36px;
  left: 98px;
}
.collectionWrap .runnerWrap .runner03 {
  width: 119px;
  bottom: -39px;
  left: 226px;
}
.collectionWrap .runnerWrap .runner04 {
  width: 82px;
  bottom: -30px;
  left: 435px;
}
.collectionWrap .runnerWrap .runner05 {
  width: 117px;
  bottom: -42px;
  left: 730px;
}
.collectionWrap .runnerWrap .pic01 {
  width: 15px;
  bottom: -20px;
  left: 364px;
}
.collectionWrap .runnerWrap .pic02 {
  width: 28px;
  bottom: -38px;
  left: 513px;
}
.collectionWrap .runnerWrap .pic03 {
  width: 23px;
  bottom: 16px;
  left: 631px;
}
.collectionWrap .runnerWrap .pic04 {
  width: 56px;
  bottom: -21px;
  left: 655px;
}
.collectionWrap .runnerWrap .pic05 {
  width: 32px;
  bottom: 17px;
  left: 839px;
}
@media screen and (max-width: 1100px) {
  .collectionWrap .runnerWrap .runner,
  .collectionWrap .runnerWrap .scaleInRun {
    position: absolute;
    z-index: 10;
    will-change: transform;
  }
  .collectionWrap .runnerWrap .runner01 {
    width: 5.909vw;
    bottom: -1.545vw;
    left: 2.273vw;
  }
  .collectionWrap .runnerWrap .runner02 {
    width: 8.545vw;
    bottom: -3.273vw;
    left: 8.909vw;
  }
  .collectionWrap .runnerWrap .runner03 {
    width: 10.818vw;
    bottom: -3.545vw;
    left: 20.545vw;
  }
  .collectionWrap .runnerWrap .runner04 {
    width: 7.455vw;
    bottom: -2.727vw;
    left: 39.545vw;
  }
  .collectionWrap .runnerWrap .runner05 {
    width: 10.636vw;
    bottom: -3.818vw;
    left: 66.364vw;
  }
  .collectionWrap .runnerWrap .pic01 {
    width: 1.364vw;
    bottom: -1.818vw;
    left: 33.091vw;
  }
  .collectionWrap .runnerWrap .pic02 {
    width: 2.545vw;
    bottom: -3.455vw;
    left: 46.636vw;
  }
  .collectionWrap .runnerWrap .pic03 {
    width: 2.091vw;
    bottom: 1.455vw;
    left: 57.364vw;
  }
  .collectionWrap .runnerWrap .pic04 {
    width: 5.091vw;
    bottom: -1.909vw;
    left: 59.545vw;
  }
  .collectionWrap .runnerWrap .pic05 {
    width: 2.909vw;
    bottom: 1.545vw;
    left: 76.273vw;
  }
}
@media screen and (max-width: 767px) {
  .collectionWrap .runnerWrap .runner01 {
    width: 12.133vw;
    bottom: -8vw;
    left: -3.333vw;
  }
  .collectionWrap .runnerWrap .runner02 {
    width: 18.267vw;
    bottom: -9.067vw;
    left: 8.4vw;
  }
  .collectionWrap .runnerWrap .runner03 {
    width: 23.333vw;
    bottom: -9.867vw;
    left: 28.933vw;
  }
  .collectionWrap .runnerWrap .runner04 {
    width: 16.133vw;
    bottom: -5.867vw;
    left: 56.4vw;
  }
  .collectionWrap .runnerWrap .runner05 {
    display: none;
  }
  .collectionWrap .runnerWrap .pic01 {
    width: 2.667vw;
    bottom: -3.2vw;
    left: 50.667vw;
  }
  .collectionWrap .runnerWrap .pic02 {
    width: 5.333vw;
    bottom: 7.067vw;
    left: 28.8vw;
  }
  .collectionWrap .runnerWrap .pic03 {
    width: 4.267vw;
    bottom: 0.267vw;
    left: 76.267vw;
  }
  .collectionWrap .runnerWrap .pic04 {
    width: 10.8vw;
    bottom: -7.067vw;
    left: 80.8vw;
  }
  .collectionWrap .runnerWrap .pic05 {
    display: none;
  }
}


/*---------------------------
  collaboWrap
---------------------------*/
.collaboWrap {
  background: linear-gradient(170deg, #359DD8 0%, #80C1E8 07%, #A8DBF3 33%, #fff 53%, #FFEEC8 70%, #FFF9B4 90%);
  padding: 35px 0 150px;
}
.collaboWrap .ttlWrap {
  display: flex;
  gap: 0 24px;
  margin-left: 220px;
  position: relative;
  z-index: 2;
}
.collaboWrap .ttlWrap h2 {
  width: 267px;
}
.collaboWrap .ttlWrap .leadWrap {
  margin-top: 17px;
}
.collaboWrap .ttlWrap .leadWrap .lead {
  font-size: 16px;
  line-height: 1.93;
  font-weight: 700;
  transform: rotate(0.03deg);
  text-decoration: underline;
  text-decoration-color: #E84994;
  text-underline-offset: 4px;
}
.collaboWrap .ttlWrap .leadWrap .lead02 {
  font-size: 12px;
  line-height: 1.9;
  margin-top: 5px;
  font-weight: 700;
  transform: rotate(0.03deg);
}
.collaboWrap .collaboBox {
  background: #fff;
  padding: 3px;
  border-radius: 5px;
  width: 830px;
  margin: -80px auto 0;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .collaboWrap {
    padding: 3.182vw 0 13.636vw;
  }
  .collaboWrap .ttlWrap {
    display: flex;
    gap: 0 2.182vw;
    margin-left: 20vw;
    position: relative;
    z-index: 2;
  }
  .collaboWrap .ttlWrap h2 {
    width: 24.273vw;
  }
  .collaboWrap .ttlWrap .leadWrap {
    margin-top: 1.545vw;
  }
  .collaboWrap .ttlWrap .leadWrap .lead {
    font-size: 1.455vw;
    line-height: 1.93;
    font-weight: 700;
    text-underline-offset: 0.364vw;
  }
  .collaboWrap .ttlWrap .leadWrap .lead02 {
    font-size: 1.091vw;
    line-height: 1.9;
    margin-top: 0.455vw;
    font-weight: 700;
  }
  .collaboWrap .collaboBox {
    background: #fff;
    padding: 0.273vw;
    border-radius: 0.455vw;
    width: 75.455vw;
    margin: -7.273vw auto 0;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .collaboWrap {
    padding: 6.667vw 0 calc(70px + 10vw);
  }
  .collaboWrap .ttlWrap {
    display: block;
    margin-left: 0;
  }
  .collaboWrap .ttlWrap h2 {
    width: 62.667vw;
    margin: 0 auto;
  }
  .collaboWrap .ttlWrap .leadWrap {
    margin-top: 2vw;
    text-align: center;
  }
  .collaboWrap .ttlWrap .leadWrap .lead {
    font-size: 3.067vw;
    line-height: 1.43;
    text-underline-offset: 0.8vw;
  }
  .collaboWrap .ttlWrap .leadWrap .lead02 {
    font-size: 2.667vw;
    line-height: 1.5;
    margin-top: 0.4vw;
  }
  .collaboWrap .collaboBox {
    padding: 0.667vw;
    border-radius: 0.667vw;
    width: 90.667vw;
    margin: 3.333vw auto 0;
  }
}

/* collaboBox ul */
.collaboWrap .collaboBox ul {
  border: solid 1px #000;
  padding: 50px 65px 0;
}
.collaboWrap .collaboBox ul li {
  position: relative;
  padding: 60px 25px;
}
.collaboWrap .collaboBox ul li + li {
  padding-top: 77px;
  padding-bottom: 70px;
}
.collaboWrap .collaboBox ul li + li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 684px;
  height: 17px;
  background: url('../../img/contents/collabo/line.png') no-repeat center center / contain;
  transform: translateX(-50%);
}
.collaboWrap .collaboBox ul li .txtWrap .place {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  transform: rotate(0.03deg);
  margin-top: 10px;
}
.collaboWrap .collaboBox ul li .txtWrap .txt {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  color: #EA6DA4;
  transform: rotate(0.03deg);
}
.collaboWrap .collaboBox ul li .txtWrap .txt span {
  font-size: 15px;
  display: block;
  margin-top: 3px;
}
/* item01 */
.collaboWrap .collaboBox ul li.item01 {
  display: flex;
  flex-direction: row-reverse;
}
.collaboWrap .collaboBox ul li.item01 .pic {
  width: 316px;
  margin-top: -22px;
}
.collaboWrap .collaboBox ul li.item01 .txtWrap {
  width: calc(100% - 316px);
}
.collaboWrap .collaboBox ul li.item01 .txtWrap .ttl {
  width: 249px;
}
.collaboWrap .collaboBox ul li.item01 .flexBox {
  display: flex;
  gap: 10px;
}
.collaboWrap .collaboBox ul li.item01 .flexBox .pic02 {
  width: 144px;
  margin-top: 5px;
}
.collaboWrap .collaboBox ul li.item01 .flexBox .txt {
  width: calc(100% - 144px - 10px);
}
/* item02 */
.collaboWrap .collaboBox ul li.item02 {
  display: flex;
}
.collaboWrap .collaboBox ul li.item02 .pic {
  width: 344px;
  margin-top: 2px;
}
.collaboWrap .collaboBox ul li.item02 .txtWrap {
  width: calc(100% - 344px);
  padding-left: 8px;
}
.collaboWrap .collaboBox ul li.item02 .txtWrap .ttl {
  width: 251px;
}
@media screen and (max-width: 1100px) {
  .collaboWrap .collaboBox ul {
    border: solid 1px #000;
    padding: 4.545vw 5.909vw 0;
  }
  .collaboWrap .collaboBox ul li {
    position: relative;
    padding: 5.455vw 2.273vw;
  }
  .collaboWrap .collaboBox ul li + li {
    padding-top: 7vw;
    padding-bottom: 6.364vw;
  }
  .collaboWrap .collaboBox ul li + li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 62.182vw;
    height: 1.545vw;
    background: url('../../img/contents/collabo/line.png') no-repeat center center / contain;
    transform: translateX(-50%);
  }
  .collaboWrap .collaboBox ul li .txtWrap .place {
    font-size: 1.818vw;
    line-height: 1.25;
    font-weight: 700;
    transform: rotate(0.03deg);
    margin-top: 0.909vw;
  }
  .collaboWrap .collaboBox ul li .txtWrap .txt {
    font-size: 1.818vw;
    line-height: 1.25;
    font-weight: 700;
    color: #EA6DA4;
    transform: rotate(0.03deg);
  }
  .collaboWrap .collaboBox ul li .txtWrap .txt span {
    font-size: 1.364vw;
    display: block;
    margin-top: 0.273vw;
  }
  /* item01 */
  .collaboWrap .collaboBox ul li.item01 {
    display: flex;
    flex-direction: row-reverse;
  }
  .collaboWrap .collaboBox ul li.item01 .pic {
    width: 28.727vw;
    margin-top: -2vw;
  }
  .collaboWrap .collaboBox ul li.item01 .txtWrap {
    width: calc(100% - 28.727vw);
  }
  .collaboWrap .collaboBox ul li.item01 .txtWrap .ttl {
    width: 22.636vw;
  }
  .collaboWrap .collaboBox ul li.item01 .flexBox {
    display: flex;
    gap: 0.909vw;
  }
  .collaboWrap .collaboBox ul li.item01 .flexBox .pic02 {
    width: 13.091vw;
    margin-top: 0.455vw;
  }
  .collaboWrap .collaboBox ul li.item01 .flexBox .txt {
    width: calc(100% - 13.091vw - 0.909vw);
  }
  /* item02 */
  .collaboWrap .collaboBox ul li.item02 {
    display: flex;
  }
  .collaboWrap .collaboBox ul li.item02 .pic {
    width: 31.273vw;
    margin-top: 0.182vw;
  }
  .collaboWrap .collaboBox ul li.item02 .txtWrap {
    width: calc(100% - 31.273vw);
    padding-left: 0.727vw;
  }
  .collaboWrap .collaboBox ul li.item02 .txtWrap .ttl {
    width: 22.818vw;
  }
}
@media screen and (max-width: 767px) {
  .collaboWrap .collaboBox ul {
    padding: 0 8.667vw 1.333vw;
  }
  .collaboWrap .collaboBox ul li {
    padding: 5.333vw 2vw 6.667vw;
  }
  .collaboWrap .collaboBox ul li + li {
    padding-top: 11.333vw;
    padding-bottom: 4.667vw;
  }
  .collaboWrap .collaboBox ul li + li::before {
    width: 100%;
    height: 3.333vw;
    background-image: url('../../img/contents/collabo/line_sp.png');
  }
  .collaboWrap .collaboBox ul li .txtWrap .place {
    font-size: 4.4vw;
    line-height: 1.25;
    margin-top: 2vw;
  }
  .collaboWrap .collaboBox ul li .txtWrap .ttl + .place {
    margin-top: 1.6vw;
  }
  .collaboWrap .collaboBox ul li .txtWrap .txt {
    font-size: 4.267vw;
    line-height: 1.25;
  }
  .collaboWrap .collaboBox ul li .txtWrap .txt span {
    font-size: 3.467vw;
    margin-right: -6.667vw;
    margin-top: 0.533vw;
  }
  /* item01 */
  .collaboWrap .collaboBox ul li.item01 {
    display: block;
  }
  .collaboWrap .collaboBox ul li.item01 .pic {
    width: 100%;
    margin-top: 0;
  }
  .collaboWrap .collaboBox ul li.item01 .txtWrap {
    width: 100%;
    margin-top: 4vw;
  }
  .collaboWrap .collaboBox ul li.item01 .txtWrap .ttl {
    width: 53.6vw;
  }
  .collaboWrap .collaboBox ul li.item01 .flexBox {
    justify-content: space-between;
    gap: 1.333vw;
  }
  .collaboWrap .collaboBox ul li.item01 .flexBox .pic02 {
    width: 30.4vw;
    margin-top: -4.533vw;
  }
  .collaboWrap .collaboBox ul li.item01 .flexBox .txt {
    width: calc(100% - 30.4vw - 1.333vw);
  }
  /* item02 */
  .collaboWrap .collaboBox ul li.item02 {
    display: block;
  }
  .collaboWrap .collaboBox ul li.item02 .pic {
    width: 100%;
    margin-top: 0;
  }
  .collaboWrap .collaboBox ul li.item02 .txtWrap {
    width: 100%;
    margin-top: 4vw;
  }
  .collaboWrap .collaboBox ul li.item02 .txtWrap .ttl {
    width: 53.867vw;
  }
}

/* sealIcon */
.collaboWrap .sealIcon.seal01 {
  width: 43px;
  top: 67px;
  left: 154px;
}
.collaboWrap .sealIcon.seal02 {
  width: 33px;
  top: 42px;
  left: 192px;
}
.collaboWrap .sealIcon.chara01 {
  width: 90px;
  top: -35px;
  right: 7px;
}
.collaboWrap .sealIcon.chara02 {
  width: 110px;
  bottom: 17px;
  right: 68px;
}
.collaboWrap .sealIcon.chara03 {
  width: 128px;
  bottom: -51px;
  left: 10px;
}
.collaboWrap .sealIcon.seal03 {
  width: 48px;
  top: 33px;
  left: 667px;
}
.collaboWrap .sealIcon.seal04 {
  width: 31px;
  top: 566px;
  right: 92px;
}
.collaboWrap .sealIcon.seal05 {
  width: 27px;
  top: 590px;
  right: 74px;
}
.collaboWrap .sealIcon.seal06 {
  width: 44px;
  bottom: 258px;
  left: 74px;
}
.collaboWrap .sealIcon.seal07 {
  width: 18px;
  bottom: 296px;
  left: 110px;
}
.collaboWrap .sealIcon.seal08 {
  width: 45px;
  bottom: 77px;
  right: 192px;
}
@media screen and (max-width: 1100px) {
  .collaboWrap .sealIcon.seal01 {
    width: 3.909vw;
    top: 6.091vw;
    left: 14vw;
  }
  .collaboWrap .sealIcon.seal02 {
    width: 3vw;
    top: 3.818vw;
    left: 17.455vw;
  }
  .collaboWrap .sealIcon.chara01 {
    width: 8.182vw;
    top: -3.182vw;
    right: 0.636vw;
  }
  .collaboWrap .sealIcon.chara02 {
    width: 10vw;
    bottom: 1.545vw;
    right: 6.182vw;
  }
  .collaboWrap .sealIcon.chara03 {
    width: 11.636vw;
    bottom: -4.636vw;
    left: 0.909vw;
  }
  .collaboWrap .sealIcon.seal03 {
    width: 4.364vw;
    top: 3vw;
    left: 60.636vw;
  }
  .collaboWrap .sealIcon.seal04 {
    width: 2.818vw;
    top: 51.455vw;
    right: 8.364vw;
  }
  .collaboWrap .sealIcon.seal05 {
    width: 2.455vw;
    top: 53.636vw;
    right: 6.727vw;
  }
  .collaboWrap .sealIcon.seal06 {
    width: 4vw;
    bottom: 23.455vw;
    left: 6.727vw;
  }
  .collaboWrap .sealIcon.seal07 {
    width: 1.636vw;
    bottom: 26.909vw;
    left: 10vw;
  }
  .collaboWrap .sealIcon.seal08 {
    width: 4.091vw;
    bottom: 7vw;
    right: 17.455vw;
  }
}
@media screen and (max-width: 767px) {
  .collaboWrap .sealIcon.seal01 {
    width: 8.267vw;
    top: 12.933vw;
    left: 12.4vw;
  }
  .collaboWrap .sealIcon.seal02 {
    width: 6.267vw;
    top: 7.867vw;
    left: 20vw;
  }
  .collaboWrap .sealIcon.chara01 {
    width: 17.6vw;
    top: -2vw;
    right: 1.733vw;
  }
  .collaboWrap .sealIcon.chara02 {
    width: 21.467vw;
    bottom: 31.5vw;
    right: 4.8vw;
  }
  .collaboWrap .sealIcon.chara03 {
    display: none;
  }
  .collaboWrap .sealIcon.seal03 {
    width: 8.933vw;
    top: auto;
    left: auto;
    bottom: 21.333vw;
    right: 4.667vw;
  }
  .collaboWrap .sealIcon.seal04 {
    width: 8.533vw;
    top: 4vw;
    left: 5.333vw;
    right: auto;
  }
  .collaboWrap .sealIcon.seal05 {
    width: 6.933vw;
    top: 6.933vw;
    left: 13.867vw;
    right: auto;
  }
  .collaboWrap .sealIcon.seal06 {
    display: none;
  }
  .collaboWrap .sealIcon.seal07 {
    display: none;
  }
  .collaboWrap .sealIcon.seal08 {
    width: 8.667vw;
    bottom: 93vw;
    left: 6.267vw;
    right: auto;
  }
}


/*---------------------------
  eventWrap
---------------------------*/
.eventWrap {
  padding: 130px 0 75px;
}
.eventWrap .eventBox {
  width: 830px;
  margin: 0 auto;
  position: relative;
  background: #fff;
}
.eventWrap .eventBox h2 {
  width: 470px;
  margin: 0 auto;
  position: relative;
  top: -30px;
  left: 40px;
}
.eventWrap .eventBox .lead {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  margin-top: -15px;
  letter-spacing: 0.1em;
  transform: rotate(0.03deg);
}
.eventWrap .eventBox .lead span {
  color: #ffc442;
}
.eventWrap .sealIcon01ttl {
  width: 100px;
  top: -70px;
  left: 138px;
}
.eventWrap .sealIcon02ttl {
  width: 52px;
  top: 68px;
  right: 79px;
}
.eventWrap .sealIcon03ttl {
  width: 37px;
  top: 36px;
  right: 39px;
}
@media screen and (max-width: 1100px) {
  .eventWrap {
    padding: 11.818vw 0 6.818vw;
  }
  .eventWrap .eventBox {
    width: 75.455vw;
    margin: 0 auto;
    position: relative;
    background: #fff;
  }
  .eventWrap .eventBox h2 {
    width: 42.727vw;
    margin: 0 auto;
    position: relative;
    top: -2.727vw;
    left: 3.636vw;
  }
  .eventWrap .eventBox .lead {
    font-size: 1.455vw;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    margin-top: -1.364vw;
    letter-spacing: 0.1em;
  }
  .eventWrap .eventBox .lead span {
    color: #ffc442;
  }
  .eventWrap .sealIcon01ttl {
    width: 9.091vw;
    top: -6.364vw;
    left: 12.545vw;
  }
  .eventWrap .sealIcon02ttl {
    width: 4.727vw;
    top: 6.182vw;
    right: 7.182vw;
  }
  .eventWrap .sealIcon03ttl {
    width: 3.364vw;
    top: 3.273vw;
    right: 3.545vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap {
    padding: 17vw 0 6.667vw;
  }
  .eventWrap .eventBox {
    width: 89.333vw;
  }
  .eventWrap .eventBox h2 {
    width: 51.6vw;
    top: -9.067vw;
    left: 0;
  }
  .eventWrap .eventBox .lead {
    font-size: 3.067vw;
    margin-top: -6.667vw;
  }
  .eventWrap .sealIcon01ttl {
    width: 19.467vw;
    top: -15.867vw;
    left: 5.467vw;
  }
  .eventWrap .sealIcon02ttl {
    width: 8vw;
    top: 52.533vw;
    right: 3.733vw;
  }
  .eventWrap .sealIcon03ttl {
    display: none;
  }
}

/* eventList */
.eventWrap .eventList {
  margin-top: 30px;
  padding: 0 65px 15px;
}
.eventWrap .eventList li.itemWrap {
  padding: 30px 0 35px;
  position: relative;
}
.eventWrap .eventList li.itemWrap + li.itemWrap {
  border-top: solid 2px #F5A21B;
}
.eventWrap .eventList li.itemWrap .txt01 {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  margin-top: 10px;
  color: #EA6DA4;
  transform: rotate(0.03deg);
}
.eventWrap .eventList li.itemWrap .txt02 {
  font-size: 15px;
  line-height: 1.35;
  font-weight: 500;
  margin-top: 13px;
  text-align: justify;
  transform: rotate(0.03deg);
}
.eventWrap .eventList li.itemWrap .txt03 {
  font-size: 12px;
  line-height: 1.6;
  font-weight: 500;
  transform: rotate(0.03deg);
}
.eventWrap .eventList li.itemWrap .dotBox {
  background-color: #fff;
  background-image: radial-gradient(circle, #ffef58 2px, transparent 2px);
  background-position: 0 0;
  background-size: 8px 8px;
}
.eventWrap .eventList li.itemWrap .btn {
	width: 210px;
	margin: 30px auto 0;
}
.eventWrap .eventList li.itemWrap .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 18px;
	text-align: center;
	background: #F5A21B;
  border: solid 1px #000;
	color: #fff;
	padding: 5px 5px 5px 15px;
	min-height: 50px;
  border-radius: 50px;
  transform: rotate(0.03deg);
}
.eventWrap .eventList li.itemWrap .btn a::after {
	content: "";
	display: inline-block;
	background: url('../../img/contents/event/kochira.png') no-repeat top center;
	background-size: contain;
	width: 17px;
	height: 19px;
	margin-left: 8px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList {
    margin-top: 2.727vw;
    padding: 0 5.909vw 1.364vw;
  }
  .eventWrap .eventList li.itemWrap {
    padding: 2.727vw 0 3.182vw;
    position: relative;
  }
  .eventWrap .eventList li.itemWrap + li.itemWrap {
    border-top: solid 0.182vw #F5A21B;
  }
  .eventWrap .eventList li.itemWrap .txt01 {
    font-size: 1.636vw;
    line-height: 1.35;
    font-weight: 700;
    margin-top: 0.909vw;
    color: #EA6DA4;
  }
  .eventWrap .eventList li.itemWrap .txt02 {
    font-size: 1.364vw;
    line-height: 1.35;
    font-weight: 500;
    margin-top: 1.182vw;
    text-align: justify;
  }
  .eventWrap .eventList li.itemWrap .txt03 {
    font-size: 1.091vw;
    line-height: 1.6;
    font-weight: 500;
  }
  .eventWrap .eventList li.itemWrap .dotBox {
    background-color: #fff;
    background-image: radial-gradient(circle, #ffef58 0.182vw, transparent 0.182vw);
    background-position: 0 0;
    background-size: 0.727vw 0.727vw;
  }
  .eventWrap .eventList li.itemWrap .btn {
    width: 19.091vw;
    margin: 2.727vw auto 0;
  }
  .eventWrap .eventList li.itemWrap .btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.636vw;
    text-align: center;
    background: #F5A21B;
    border: solid 1px #000;
    color: #fff;
    padding: 0.455vw 0.455vw 0.455vw 1.364vw;
    min-height: 4.545vw;
    border-radius: 4.545vw;
  }
  .eventWrap .eventList li.itemWrap .btn a::after {
    content: "";
    display: inline-block;
    background: url('../../img/contents/event/kochira.png') no-repeat top center;
    background-size: contain;
    width: 1.545vw;
    height: 1.727vw;
    margin-left: 0.727vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList {
    margin-top: 0;
    padding: 0 7.333vw 2vw;
  }
  .eventWrap .eventList li.itemWrap {
    padding: 6vw 0 6.667vw;
  }
  .eventWrap .eventList li.itemWrap + li.itemWrap {
    border-top: solid 0.267vw #F5A21B;
  }
  .eventWrap .eventList li.itemWrap .txt01 {
    font-size: 4.4vw;
    line-height: 1.2;
    margin-top: 2.4vw;
  }
  .eventWrap .eventList li.itemWrap .txt02 {
    font-size: 3.2vw;
    line-height: 1.35;
    margin-top: 2.667vw;
  }
  .eventWrap .eventList li.itemWrap .txt03 {
    font-size: 2.667vw;
    line-height: 1.5;
  }
  .eventWrap .eventList li.itemWrap .dotBox {
    background-image: radial-gradient(circle, #ffef58 0.4vw, transparent 0.4vw);
    background-size: 1.6vw 1.6vw;
  }
  .eventWrap .eventList li.itemWrap .btn {
    width: 44.267vw;
    margin: 7.333vw auto 0;
  }
  .eventWrap .eventList li.itemWrap .btn a {
    font-size: 3.867vw;
    padding: 0.667vw 0.667vw 0.667vw 2vw;
    min-height: 10.667vw;
    border-radius: 10.667vw;
  }
  .eventWrap .eventList li.itemWrap .btn a::after {
    width: 3.467vw;
    height: 3.867vw;
    margin-left: 1.067vw;
  }
}

/* item01 */
.eventWrap .eventList .item01,
.eventWrap .eventList li.item01 .txt02 {
  text-align: center;
}
.eventWrap .eventList .item01 .pic {
  width: 100%;
  margin-top: 20px;
}
.eventWrap .eventList .item01 .pic figcaption {
  text-align: right;
  font-size: 12px;
  margin-top: 5px;
}
.eventWrap .eventList .item01 .txtWtap h3 {
  width: 269px;
  margin: 0 auto;
}
.eventWrap .eventList li.item01 .btn {
  margin-top: 20px;
}
.eventWrap .item01 .sealIcon01 {
  width: 134px;
  top: 20px;
  right: -101px;
}
.eventWrap .item01 .sealIcon02 {
  width: 47px;
  bottom: 43px;
  left: 73px;
}
.eventWrap .item01 .sealIcon03 {
  width: 38px;
  bottom: 38px;
  left: 34px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList .item01,
  .eventWrap .eventList li.item01 .txt02 {
    text-align: center;
  }
  .eventWrap .eventList .item01 .pic {
    width: 100%;
    margin-top: 1.818vw;
  }
  .eventWrap .eventList .item01 .pic figcaption {
    text-align: right;
    font-size: 1.091vw;
    margin-top: 0.455vw;
  }
  .eventWrap .eventList .item01 .txtWtap h3 {
    width: 24.455vw;
    margin: 0 auto;
  }
  .eventWrap .eventList li.item01 .btn {
    margin-top: 1.818vw;
  }
  .eventWrap .item01 .sealIcon01 {
    width: 12.182vw;
    top: 1.818vw;
    right: -9.182vw;
  }
  .eventWrap .item01 .sealIcon02 {
    width: 4.273vw;
    bottom: 3.909vw;
    left: 6.636vw;
  }
  .eventWrap .item01 .sealIcon03 {
    width: 3.455vw;
    bottom: 3.455vw;
    left: 3.091vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList .item01 .pic {
    width: 68.133vw;
    margin: 2.667vw auto 0;
  }
  .eventWrap .eventList .item01 .pic figcaption {
    font-size: 2.667vw;
    margin-top: 0.667vw;
    text-align: left;
  }
  .eventWrap .eventList .item01 .txtWtap h3 {
    width: 57.867vw;
  }
  .eventWrap .eventList li.item01 .btn {
    margin-top: 6vw;
  }
  .eventWrap .item01 .sealIcon01 {
    width: 23.733vw;
    top: auto;
    bottom: 4.667vw;
    right: -4.8vw;
  }
  .eventWrap .item01 .sealIcon02 {
    width: 8.8vw;
    bottom: auto;
    top: 1.333vw;
    left: -0.533vw;
  }
  .eventWrap .item01 .sealIcon03 {
    width: 7.333vw;
    bottom: auto;
    top: 8.4vw;
    left: -6vw;
  }
}

/* item02 */
.eventWrap .eventList .item02,
.eventWrap .eventList li.itemWrap.item02 .txt02 {
  text-align: center;
}
.eventWrap .eventList .item02 h3 {
  width: 368px;
  margin: 0 auto;
}
.eventWrap .eventList .item02 .txt01 {
  display: inline-block;
  text-align: left;
}
.eventWrap .eventList .item02 .flexBox {
  display: flex;
  justify-content: space-between;
  padding: 28px 20px 20px;
  margin-top: 20px;
}
.eventWrap .eventList .item02 .flexBox .pic01 {
  width: 310px;
}
.eventWrap .eventList .item02 .flexBox .pic02 {
  width: 310px;
}
.eventWrap .item02 .sealIcon01 {
  width: 82px;
  bottom: 76px;
  left: -40px;
}
.eventWrap .item02 .sealIcon02 {
  width: 32px;
  bottom: 87px;
  left: 38px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList .item02,
  .eventWrap .eventList li.itemWrap.item02 .txt02 {
    text-align: center;
  }
  .eventWrap .eventList .item02 h3 {
    width: 33.455vw;
    margin: 0 auto;
  }
  .eventWrap .eventList .item02 .flexBox {
    display: flex;
    justify-content: space-between;
    padding: 2.545vw 1.818vw 1.818vw;
    margin-top: 1.818vw;
  }
  .eventWrap .eventList .item02 .flexBox .pic01 {
    width: 28.182vw;
  }
  .eventWrap .eventList .item02 .flexBox .pic02 {
    width: 28.182vw;
  }
  .eventWrap .item02 .sealIcon01 {
    width: 7.455vw;
    bottom: 6.909vw;
    left: -3.636vw;
  }
  .eventWrap .item02 .sealIcon02 {
    width: 2.909vw;
    bottom: 7.909vw;
    left: 3.455vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList li.itemWrap.item02 .txt02,
  .eventWrap .eventList li.itemWrap.item02 .txt03 {
    text-align: justify;
  }
  .eventWrap .eventList .item02 h3 {
    width: 68.133vw;
  }
  .eventWrap .eventList .item02 .txt01 {
    text-align: center;
  }
  .eventWrap .eventList .item02 .flexBox {
    display: block;
    padding: 5.333vw 4vw 4.667vw;
    margin-top: 3.733vw;
  }
  .eventWrap .eventList .item02 .flexBox .pic01 {
    width: 100%;
  }
  .eventWrap .eventList .item02 .flexBox .pic02 {
    width: 100%;
    margin-top: 6vw;
  }
  .eventWrap .item02 .sealIcon01 {
    width: 17.6vw;
    bottom: 4.933vw;
    left: -4.4vw;
  }
  .eventWrap .item02 .sealIcon02 {
    width: 8vw;
    bottom: 30.267vw;
    left: -3.467vw;
  }
}

/* item03 */
.eventWrap .eventList .item03,
.eventWrap .eventList li.itemWrap.item03 .txt02 {
  text-align: center;
}
.eventWrap .eventList .item03 h3 {
  width: 213px;
  margin: 0 auto;
}
.eventWrap .eventList .item03 .flexBox {
  display: flex;
  justify-content: space-between;
  padding: 18px 20px;
  margin-top: 20px;
}
.eventWrap .eventList .item03 .flexBox .pic01 {
  width: 150px;
}
.eventWrap .eventList .item03 .flexBox .pic02 {
  width: 150px;
}
.eventWrap .eventList .item03 .flexBox .pic03 {
  width: 188px;
}
.eventWrap .eventList .item03 .flexBox .pic04 {
  width: 167px;
}
.eventWrap .item03 .sealIcon01 {
  width: 83px;
  top: -28px;
  right: 51px;
}
.eventWrap .item03 .sealIcon02 {
  width: 26px;
  top: 27px;
  right: 24px;
}
.eventWrap .item03 .sealIcon03 {
  width: 30px;
  top: -60px;
  right: 13px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList .item03,
  .eventWrap .eventList li.itemWrap.item03 .txt02 {
    text-align: center;
  }
  .eventWrap .eventList .item03 h3 {
    width: 19.364vw;
    margin: 0 auto;
  }
  .eventWrap .eventList .item03 .flexBox {
    display: flex;
    justify-content: space-between;
    padding: 1.636vw 1.818vw;
    margin-top: 1.818vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic01 {
    width: 13.636vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic02 {
    width: 13.636vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic03 {
    width: 17.091vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic04 {
    width: 15.182vw;
  }
  .eventWrap .item03 .sealIcon01 {
    width: 7.545vw;
    top: -2.545vw;
    right: 4.636vw;
  }
  .eventWrap .item03 .sealIcon02 {
    width: 2.364vw;
    top: 2.455vw;
    right: 2.182vw;
  }
  .eventWrap .item03 .sealIcon03 {
    width: 2.727vw;
    top: -5.455vw;
    right: 1.182vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList li.itemWrap.item03 .txt02,
  .eventWrap .eventList li.itemWrap.item03 .txt03 {
    text-align: justify;
  }
  .eventWrap .eventList .item03 h3 {
    width: 45.867vw;
  }
  .eventWrap .eventList li.item03 .txt03 {
    font-size: 2.6vw;
  }
  .eventWrap .eventList .item03 .flexBox {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.333vw 0;
    padding: 3.333vw 0 5.067vw;
    margin-top: 3.333vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic01 {
    width: 34.667vw;
    position: relative;
    left: -1.333vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic02 {
    width: 35.467vw;
    position: relative;
    right: -1.333vw;
    top: -2.133vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic03 {
    width: 42.267vw;
    position: relative;
    left: -0.667vw;
    top: 2.8vw;
  }
  .eventWrap .eventList .item03 .flexBox .pic04 {
    width: 34.667vw;
    margin-left: -5.333vw;
  }
  .eventWrap .item03 .sealIcon01 {
    display: none;
  }
  .eventWrap .item03 .sealIcon02 {
    display: none;
  }
  .eventWrap .item03 .sealIcon03 {
    width: 6.667vw;
    top: auto;
    right: auto;
    bottom: 12.4vw;
    left: 2.8vw;
  }
  .eventWrap .item03 .sealIcon04 {
    width: 11.467vw;
    bottom: 0;
    right: -2vw;
  }
  .eventWrap .item03 .sealIcon05 {
    width: 2.933vw;
    bottom: 0;
    right: -4.533vw;
  }
}

/* item04 */
.eventWrap .eventList .item04,
.eventWrap .eventList li.itemWrap.item04 .txt02 {
  text-align: center;
}
.eventWrap .eventList .item04 h3 {
  width: 265px;
  margin: 0 auto;
}
.eventWrap .eventList .item04 .flexBox {
  display: flex;
  justify-content: center;
  gap: 0 35px;
  padding: 20px 20px 18px;
  margin-top: 20px;
}
.eventWrap .eventList .item04 .flexBox .pic01 {
  width: 275px;
}
.eventWrap .eventList .item04 .flexBox .pic02 {
  width: 275px;
}
.eventWrap .item04 .sealIcon01 {
  width: 40px;
  top: 35px;
  left: 45px;
}
.eventWrap .item04 .sealIcon02 {
  width: 23px;
  top: 64px;
  left: 79px;
}
.eventWrap .item04 .sealIcon03 {
  width: 54px;
  top: 52px;
  right: 1px;
}
.eventWrap .item04 .sealIcon04 {
  width: 79px;
  top: 99px;
  right: -80px;
}
.eventWrap .item04 .sealIcon05 {
  width: 15px;
  top: 65px;
  right: -33px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList .item04,
  .eventWrap .eventList li.itemWrap.item04 .txt02 {
    text-align: center;
  }
  .eventWrap .eventList .item04 h3 {
    width: 24.091vw;
    margin: 0 auto;
  }
  .eventWrap .eventList li.itemWrap .txt01 span {
    font-size: 3.867vw;
  }
  .eventWrap .eventList .item04 .flexBox {
    display: flex;
    justify-content: center;
    gap: 0 3.182vw;
    padding: 1.818vw 1.818vw 1.636vw;
    margin-top: 1.818vw;
  }
  .eventWrap .eventList .item04 .flexBox .pic01 {
    width: 25vw;
  }
  .eventWrap .eventList .item04 .flexBox .pic02 {
    width: 25vw;
  }
  .eventWrap .item04 .sealIcon01 {
    width: 3.636vw;
    top: 3.182vw;
    left: 4.091vw;
  }
  .eventWrap .item04 .sealIcon02 {
    width: 2.091vw;
    top: 5.818vw;
    left: 7.182vw;
  }
  .eventWrap .item04 .sealIcon03 {
    width: 4.909vw;
    top: 4.727vw;
    right: 0.091vw;
  }
  .eventWrap .item04 .sealIcon04 {
    width: 7.182vw;
    top: 9vw;
    right: -7.273vw;
  }
  .eventWrap .item04 .sealIcon05 {
    width: 1.364vw;
    top: 5.909vw;
    right: -3vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList li.itemWrap.item04 .txt02,
  .eventWrap .eventList li.itemWrap.item04 .txt03 {
    text-align: justify;
  }
  .eventWrap .eventList .item04 h3 {
    width: 56.933vw;
  }
  .eventWrap .eventList .item04 .flexBox {
    display: block;
    padding: 4.667vw 7.2vw 5.333vw;
    margin-top: 3.333vw;
  }
  .eventWrap .eventList .item04 .flexBox .pic01 {
    width: 100%;
  }
  .eventWrap .eventList .item04 .flexBox .pic02 {
    width: 100%;
    margin-top: 4.667vw;
  }
  .eventWrap .item04 .sealIcon01 {
    width: 8.533vw;
    top: auto;
    left: auto;
    bottom: 12vw;
    right: 4vw;
  }
  .eventWrap .item04 .sealIcon02 {
    width: 4.667vw;
    top: auto;
    left: auto;
    bottom: 7.467vw;
    right: 2vw;
  }
  .eventWrap .item04 .sealIcon03 {
    width: 11.467vw;
    top: -18.8vw;
    right: -2vw;
  }
  .eventWrap .item04 .sealIcon04 {
    display: none;
  }
  .eventWrap .item04 .sealIcon05 {
    width: 2.933vw;
    top: -22vw;
    right: -4.533vw;
  }
  .eventWrap .item04 .sealIcon06 {
    width: 14.4vw;
    bottom: 7.467vw;
    left: -4.667vw;
  }
  .eventWrap .item04 .sealIcon07 {
    width: 4.4vw;
    bottom: 14.933vw;
    left: 9.467vw;
  }
}

/* item05 */
.eventWrap .eventList .item05,
.eventWrap .eventList li.itemWrap.item05 .txt02 {
  text-align: center;
}
.eventWrap .eventList .item05 h3 {
  width: 301px;
  margin: 0 auto;
}
.eventWrap .eventList .item05 .picWrap {
  display: flex;
  justify-content: center;
  width: 580px;
  margin: 5px auto 0;
}
.eventWrap .eventList .item05 .picWrap .pic01 {
  width: 50%;
}
.eventWrap .eventList .item05 .picWrap .pic02 {
  width: 50%;
}
.eventWrap .eventList li.item05 .btn {
  margin-top: 10px;
}
.eventWrap .item05 .sealIcon01 {
  width: 142px;
  bottom: 27px;
  right: -33px;
}
.eventWrap .item05 .sealIcon02 {
  width: 26px;
  bottom: 118px;
  right: -47px;
}
.eventWrap .item05 .sealIcon03 {
  width: 38px;
  bottom: 27px;
  right: 78px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList .item05,
  .eventWrap .eventList li.itemWrap.item05 .txt02 {
    text-align: center;
  }
  .eventWrap .eventList .item05 h3 {
    width: 27.364vw;
    margin: 0 auto;
  }
  .eventWrap .eventList .item05 .picWrap {
    display: flex;
    justify-content: center;
    width: 52.727vw;
    margin: 5px auto 0;
  }
  .eventWrap .eventList .item05 .picWrap .pic01 {
    width: 50%;
  }
  .eventWrap .eventList .item05 .picWrap .pic02 {
    width: 50%;
  }
  .eventWrap .eventList li.item05 .btn {
    margin-top: 0.909vw;
  }
  .eventWrap .item05 .sealIcon01 {
    width: 12.909vw;
    bottom: 2.455vw;
    right: -3vw;
  }
  .eventWrap .item05 .sealIcon02 {
    width: 2.364vw;
    bottom: 10.727vw;
    right: -4.273vw;
  }
  .eventWrap .item05 .sealIcon03 {
    width: 3.455vw;
    bottom: 2.455vw;
    right: 7.091vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList li.itemWrap.item05 .txt02,
  .eventWrap .eventList li.itemWrap.item05 .txt03 {
    text-align: justify;
  }
  .eventWrap .eventList .item05 h3 {
    width: 64.8vw;
  }
  .eventWrap .eventList .item05 .picWrap {
    width: calc(100% + 4vw);
    margin: 6.667vw -3.333vw 0 -0.667vw;
  }
  .eventWrap .eventList .item05 .picWrap .pic01 {
    width: 47.440273%;
  }
  .eventWrap .eventList .item05 .picWrap .pic02 {
    width: 52.559727%;
  }
  .eventWrap .eventList li.item05 .btn {
    margin-top: 4.667vw;
  }
  .eventWrap .item05 .sealIcon01 {
    width: 22.933vw;
    bottom: -2.667vw;
    right: -10.133vw;
  }
  .eventWrap .item05 .sealIcon02 {
    width: 4.533vw;
    bottom: 16.533vw;
    right: 3.467vw;
  }
  .eventWrap .item05 .sealIcon03 {
    width: 6.133vw;
    bottom: 9.467vw;
    right: auto;
    left: 3.333vw;
  }
}

/* item06 */
.eventWrap .eventList .item06,
.eventWrap .eventList li.itemWrap.item06 .txt02 {
  text-align: center;
}
.eventWrap .eventList .item06 h3 {
  width: 352px;
  margin: 0 auto;
}
.eventWrap .eventList li.itemWrap.item06 .btn {
  margin-top: 20px;
}
.eventWrap .item06 .sealIcon01 {
  width: 74px;
  bottom: 11px;
  left: 46px;
}
.eventWrap .item06 .sealIcon02 {
  width: 47px;
  bottom: 98px;
  left: 68px;
}
.eventWrap .item06 .sealIcon03 {
  width: 39px;
  bottom: 76px;
  left: -13px;
}
.eventWrap .item06 .sealIcon04 {
  width: 39px;
  bottom: 28px;
  right: 97px;
}
.eventWrap .item06 .sealIcon05 {
  width: 31px;
  bottom: 69px;
  right: 70px;
}
@media screen and (max-width: 1100px) {
  .eventWrap .eventList .item06,
  .eventWrap .eventList li.itemWrap.item06 .txt02 {
    text-align: center;
  }
  .eventWrap .eventList .item06 h3 {
    width: 32vw;
    margin: 0 auto;
  }
  .eventWrap .eventList li.itemWrap.item06 .btn {
    margin-top: 1.818vw;
  }
  .eventWrap .item06 .sealIcon01 {
    width: 6.727vw;
    bottom: 1vw;
    left: 4.182vw;
  }
  .eventWrap .item06 .sealIcon02 {
    width: 4.273vw;
    bottom: 8.909vw;
    left: 6.182vw;
  }
  .eventWrap .item06 .sealIcon03 {
    width: 3.545vw;
    bottom: 6.909vw;
    left: -1.182vw;
  }
  .eventWrap .item06 .sealIcon04 {
    width: 3.545vw;
    bottom: 2.545vw;
    right: 8.818vw;
  }
  .eventWrap .item06 .sealIcon05 {
    width: 2.818vw;
    bottom: 6.273vw;
    right: 6.364vw;
  }
}
@media screen and (max-width: 767px) {
  .eventWrap .eventList li.itemWrap.item06 .txt02,
  .eventWrap .eventList li.itemWrap.item06 .txt03 {
    text-align: justify;
  }
  .eventWrap .eventList .item06 h3 {
    width: calc(100% + 1.333vw);
    margin: 0 -0.667vw;
  }
  .eventWrap .eventList li.itemWrap.item06 .btn {
    margin-top: 4vw;
  }
  .eventWrap .item06 .sealIcon01 {
    width: 15.6vw;
    bottom: 0.533vw;
    left: -3.867vw;
  }
  .eventWrap .item06 .sealIcon02 {
    width: 10vw;
    bottom: 1.733vw;
    left: auto;
    right: -5.467vw;
  }
  .eventWrap .item06 .sealIcon03 {
    width: 8vw;
    bottom: 8.667vw;
    left: auto;
    right: 3.867vw;
  }
  .eventWrap .item06 .sealIcon04 {
    display: none;
  }
  .eventWrap .item06 .sealIcon05 {
    display: none;
  }
}

/*---------------------------
  lastNoteWrap
---------------------------*/
.lastNoteWrap {
  padding: 30px 0 35px;
}
.lastNoteWrap p {
  padding-left: 90px;
  font-size: 13px;
  line-height: 1.54;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1100px) {
  .lastNoteWrap {
    padding: 2.727vw 0 3.182vw;
  }
  .lastNoteWrap p {
    padding-left: 8.182vw;
    font-size: 1.182vw;
    line-height: 1.54;
    font-weight: 400;
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) {
  .lastNoteWrap {
    padding: 4vw 0;
  }
  .lastNoteWrap p {
    padding-left: 5.067vw;
    font-size: 2.667vw;
    line-height: 1.54;
    letter-spacing: 0;
  }
}