@charset "utf-8";
.fade-animation {
  overflow: hidden;
}

/*===================
amazon fixed
===================*/
.amazon {
  position: fixed;
  right: 10px;
  bottom: 2%;
  z-index: 4;
}
.amazon__container {
  display: flex;
  width: 19vw;
  min-width: 250px;
  max-width: 300px;
}
.amazon__pic {
  width: 85%;
  margin-top: 6%;
  margin-left: auto;
}
.amazon__amazonBtn {
  width: 100%;
  margin-top: -15%;
}
.amazon__btn {
  width: 35%;
  max-width: 24px;
  cursor: pointer;
}

/*===================
fv
===================*/
.fv {
  width: 100%;
  background: url("../imgs/index/fv_bg_img.png") center center / cover no-repeat;
  position: relative;
  height: 100vh;
  min-height: 830px;
}
.fv::before {
  /* position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 1024px;
  background: url("../imgs/index/fv_bg_img2.png") center center / cover no-repeat;
  z-index: 1; */
}

.fv__logo h2 {
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../imgs/index/fv_logo.svg) 50% 50% no-repeat;
  background-size: contain;
  z-index: 4;
  opacity: 0;
}

.fv__deco-inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  height: 100vh;
  min-height: 830px;
  margin: 0 auto;
}

.fv__deco {
  position: absolute;
  z-index: 4;
  opacity: 0;
}

.fv__deco01 {
  width: 243px;
  top: 130px;
  left: 80px;
}
.fv__deco02 {
  width: 323px;
  top: 200px;
  left: 347px;
}
.fv__deco03 {
  width: 312px;
  top: 138px;
  right: 156px;
}
.fv__deco04 {
  width: 169px;
  bottom: 90px;
  left: 70px;
}
.fv__deco05 {
  width: 212px;
  bottom: 110px;
  left: 565px;
}
.fv__deco06 {
  width: 232px;
  bottom: 256px;
  right: 370px;
}

.fv__buy {
  width: 100%;
  height: 139px;
  max-width: 416px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 4;
}
.fv__buy-wrap {
  position: relative;
}
.fv__buy-btn {
  width: 157px;
  position: absolute;
  top: 7px;
}
.fv__buy-btn a {
  display: block;
}
.fv__buy1 {
  left: 0;
}
.fv__buy2 {
  right: 0;
}
.fv__buy-img {
  width: 166px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.fv__bg {
  width: 100%;
  position: absolute;
  bottom: -1px;
  z-index: 0;
}

/* テキストアニメーション */
.text-wh1 {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 100%;
  height: 100vh;
  min-height: 700px;
  background: url(../imgs/index/fv_text1.png) 50% 50% no-repeat;
  background-size: cover;
  z-index: 1;
  opacity: 0;
}

.text-wh2 {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 100%;
  height: 100vh;
  min-height: 700px;
  background: url(../imgs/index/fv_text2.png) 100% 100% no-repeat;
  background-size: cover;
  z-index: 2;
  opacity: 0;
}

.text-wh3 {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 100%;
  height: 100vh;
  min-height: 700px;
  background: url(../imgs/index/fv_text3.png) 100% 100% no-repeat;
  background-size: cover;
  z-index: 3;
  opacity: 0;
}

/*===================
story
===================*/
.story .contents-wrap {
  padding-top: 36px;
  padding-bottom: 7px;
}
.story .section-title {
  margin-bottom: 20px;
}
.story .section-title__en {
  width: 92px;
}
.story__img {
  width: 100%;
  max-width: 681px;
  margin: 0 auto 57px;
}
.story__heading {
  font-size: 28px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  text-align: center;
  margin-bottom: 36px;
  line-height: 2.07;
  letter-spacing: 0.07em;
}
.story__text {
  font-size: 20px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 2.6;
  letter-spacing: -0.02em;
}
/* .story__heading--hidden {
  display: block;
} */

/*===================
character
===================*/
.character {
  position: relative;
}
.character .contents-wrap {
  position: relative;
}
.character .section-title {
  padding-top: 400px;
  margin-bottom: 106px;
}
.character .section-title__en {
  width: 112px;
  padding-top: 20px;
}
.people__img {
  width: calc(100% - 40px);
  max-width: 1150px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.people__img-flex {
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 1150px;
}
.people__img1 {
  width: 226px;
}
.people__img2 {
  width: 944px;
  position: absolute;
  right: 0;
  bottom: 23px;
}

.bg__img--yellow01 {
  width: 100%;
  position: absolute;
  top: -1px;
  z-index: 2;
  /* position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 206px;
  background: url("../imgs/index/bg_yellow02.png") center center / cover no-repeat;
  z-index: 1; */
}

.bg__img--yellow01 img {
  height: 20.555vw;
}

/* スライド */
.character__container {
  position: relative;
  padding-bottom: 90px;
}
.character__swiper {
  padding-top: 85px;
  padding-bottom: 85px;
}
.character__swiper .swiper-slide {
  opacity: 0.3; /* 左右のスライドを薄くする */
  transform: scale(1); /* 左右のスライドを小さくする */
  transition: 0.7s; /* ゆっくり小さくさせる */
}
.character__swiper .swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1.3); /* 中央のスライドは小さくしない */
}
/* .character__swiper .swiper-wrapper {
  z-index: -1;
} */

/* 前へ次への矢印カスタマイズ */
.character__main-btn.swiper-button-prev,
.character__main-btn.swiper-button-next {
  height: 72px;
  width: 72px;
  top: 323px;
}
.character__main-btn.swiper-button-prev {
  left: 376px;
}
.character__main-btn.swiper-button-next {
  right: 376px;
}
/* 前へ次への矢印カスタマイズ */
.character__main-btn.swiper-button-prev::after,
.character__main-btn.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 72px;
  margin: auto;
  width: 72px;
}
/* 前への矢印カスタマイズ */
.character__main-btn.swiper-button-prev::after {
  background-image: url("../imgs/common/silde_prev.png");
}
/* 次への矢印カスタマイズ */
.character__main-btn.swiper-button-next::after {
  background-image: url("../imgs/common/silde_next.png");
}

/* ページネーションの余白 */
/* ドット */
.character__main-pagination.swiper-horizontal > .swiper-pagination-bullets,
.character__main-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
.character__swiper .swiper-pagination-custom,
.character__main-pagination .swiper-pagination-fraction {
  bottom: 44px;
}
.character__swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.character__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px 0;
}
/* ページネーションのサイズと色 */
.character__main-pagination .swiper-pagination-bullet {
  background-color: #fff;
  height: 12px;
  width: 12px;
  opacity: 1;
}
.character__main-pagination .swiper-pagination-bullet-active {
  /*アクティブなドットの透過度を1にする*/
  opacity: 1;
  background-color: #222;
}

/* 総数 */
.character__sub-pagination {
  width: 65px;
  height: 51px;
  position: absolute;
  bottom: 0;
  right: 20px;
}
.swiper-my-pagination-sub {
  width: 65px;
  height: 51px;
  position: relative;
}
.swiper-my-pagination-sub .swiper-pagination-current,
.swiper-my-pagination-sub .swiper-pagination-total {
  font-size: 24px;
  font-family: "GillSansMTPro-Bold";
  position: absolute;
  line-height: 1;
  display: block;
  height: 18px;
}
.swiper-my-pagination-sub .swiper-pagination-current {
  color: #e96e00;
  top: 0;
  left: 0;
}
.swiper-my-pagination-sub .swiper-pagination-total {
  bottom: -3px;
  right: 0;
}

.behind__swiper02 .swiper-button-disabled {
  opacity: 0; /* 不透明度を変更 */
  cursor: not-allowed; /* カーソルを変更 */
  pointer-events: none; /* クリック無効 */
}

.character__bg {
  width: 100%;
  height: 272px;
  background: url("../imgs/index/bg_yel-gre.png") center center / cover no-repeat;
  position: relative;
}

.character__goods {
  position: relative;
}
.character__goods-deco,
.character__goods-contents {
  position: relative;
  z-index: 1;
}
.character__goods-deco {
  /* padding-bottom: 448px; */
  padding-bottom: clamp(250px, 31.111vw, 448px);
}
.character__goods-img {
  position: absolute;
}

.character__goods-img01 {
  width: clamp(80px, 11.805vw, 170px);
  top: -40px;
  left: 146px;
}

.character__goods-img02 {
  width: clamp(333px, 38.194vw, 550px);
  top: -53%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.character__goods-img03 {
  width: clamp(179px, 19.861vw, 286px);
  /* top: -120px; */
  bottom: -34px;
  right: 63px;
}

.character__goods-contents {
  position: relative;
  padding-bottom: 157px;
}
.character__goods-contents .flex {
  display: flex;
  width: 100%;
  max-width: 731px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.character__goods-title {
  width: 457px;
}
.character__goods-btn {
  width: 259px;
}
.character__goods-btn a {
  display: block;
}

/*===================
behind
===================*/
.plan {
  position: relative;
  margin-top: -3px;
}
.plan:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../imgs/index/bg_green_gradation2.png) center center / cover no-repeat;
}
.plan .section-title {
  padding-bottom: 110px;
  margin-bottom: 0;
}
.plan .section-title__en {
  width: 86px;
}
.behind__list-item {
  position: relative;
  z-index: 1;
  padding-bottom: 190px;
}
.behind__list-item02 {
  padding-bottom: 130px;
}
.behind__contents {
  width: 100%;
  max-width: 1122px;
  padding-top: 50px;
  padding-bottom: 75px;
  margin: 0 auto;
  border: 2px solid #222;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: #fff url("../imgs/index/behind_bg.png") center center / 31px 61px repeat;
  position: relative;
  z-index: 2;
}
.behind__contents-title {
  width: calc(100% - 40px);
  max-width: 204px;
  margin: 0 auto 45px;
}
.behind__contents-title02 {
  width: calc(100% - 40px);
  max-width: 316px;
  margin: 0 auto 45px;
}
/* スライド */
.behind__container,
.behind__container02 {
  width: 100%;
  max-width: 1357px;
  position: relative;
}
.behind__swiper,
.behind__swiper02 {
  margin: 0 auto;
  position: static;
}
.behind__swiper {
  width: calc(100% - 40px);
  max-width: 955px;
}
.behind__swiper02 {
  width: 100%;
  max-width: 1045px;
}
.behind__swiper-thumbs,
.behind__swiper-thumbs02 {
  width: 117px;
  position: absolute;
  bottom: -144px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.behind__swiper-thumbs02 {
  width: 123px;
}

/* 前へ次への矢印カスタマイズ */
.behind__container .swiper-button-prev,
.behind__container .swiper-button-next,
.behind__container02 .swiper-button-prev,
.behind__container02 .swiper-button-next {
  height: 72px;
  width: 72px;
  top: 174px;
}
.behind__container .swiper-button-prev,
.behind__container02 .swiper-button-prev {
  left: -120px;
}
.behind__container .swiper-button-next,
.behind__container02 .swiper-button-next {
  right: -120px;
}
/* 前へ次への矢印カスタマイズ */
.behind__container .swiper-button-prev::after,
.behind__container .swiper-button-next::after,
.behind__container02 .swiper-button-prev::after,
.behind__container02 .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 72px;
  margin: auto;
  width: 72px;
}
/* 前への矢印カスタマイズ */
.behind__container .swiper-button-prev::after,
.behind__container02 .swiper-button-prev::after {
  background-image: url("../imgs/common/silde_prev.png");
}
/* 次への矢印カスタマイズ */
.behind__container .swiper-button-next::after,
.behind__container02 .swiper-button-next::after {
  background-image: url("../imgs/common/silde_next.png");
}

/* ページネーションの余白 */
/* ドット */
.behind__container .swiper-pagination-bullets.swiper-pagination-horizontal,
.behind__container02 .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 110px;
  bottom: -114px;
  right: 0;
  left: auto;
}
.behind__container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.behind__container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.behind__container02 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.behind__container02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px 0;
}
.behind__container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.behind__container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.behind__container02 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.behind__container02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
/* ページネーションのサイズと色 */
.behind__container .swiper-pagination-bullet,
.behind__container02 .swiper-pagination-bullet {
  background-color: #fff;
  height: 12px;
  width: 12px;
  opacity: 1;
}
.behind__container .swiper-pagination-bullet-active,
.behind__container02 .swiper-pagination-bullet-active {
  /*アクティブなドットの透過度を1にする*/
  opacity: 1;
  background-color: #222;
}

.behind__swiper-thumbs .swiper-slide,
.behind__swiper-thumbs02 .swiper-slide {
  display: flex;
  justify-content: center; /* 中央揃え */
  align-items: center;
  opacity: 0 !important;
}

.behind__swiper-thumbs .swiper-slide-thumb-active,
.behind__swiper-thumbs02 .swiper-slide-thumb-active {
  opacity: 1 !important; /* アクティブなスライドの透明度を100%に */
}
.behind__swiper-thumbs img,
.behind__swiper-thumbs02 img {
  width: 117px; /* サムネイル画像の幅を指定 */
  height: auto; /* アスペクト比を維持 */
  object-fit: cover; /* 画像が枠内に収まるように調整 */
}

.bg--green02 {
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 160px;
}

.bg--yellow03 {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.nest--sp {
  display: none;
}

/*===================
review
===================*/
.review {
}
.review .contents-wrap {
  padding-top: 132px;
  padding-bottom: 15.972vw;
  position: relative;
}
.review__title {
  margin-bottom: 65px;
  position: relative;
  z-index: 1;
}
.review .section-title__en {
  width: 86px;
}
.review__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 47px 40px;
  width: 100%;
  max-width: 1123px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.review__item {
  width: 100%;
  max-width: 250px;
}

.bg__yel-gre {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.review__bg {
  width: 100%;
  height: 368px;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.low__bg {
  /* content: "";
  display: block;
  width: 100%;
  height: 100%; */
  background: url("../imgs/index/low_bg.png") center center / cover no-repeat;
}
/*===================
staff
===================*/
.staff {
  padding-bottom: 100px;
}
.staff__title {
  text-align-last: left;
  margin-left: 6%;
}
.staff .section-title__en {
  width: 86px;
  margin: 0 auto 17px 0;
}
.staff__title__ja {
  margin-left: 0;
}
.staff__wrap {
  padding-top: 120px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.staff__list {
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.staff__list.sp {
  display: none;
}
.staff__item {
  width: 20%;
  max-width: 252px;
  height: 646px;
  border: 2px solid #222222;
  background-color: #fff;
  border-left: none;
  position: relative;
}

.staff__item:nth-child(1) {
  border-left: 2px solid #222222;
  border-radius: 0 0 0 30px;
}
.staff__item:nth-child(5) {
  border-radius: 0 30px 30px 0;
}
.staff_item-serif {
  width: 194px;
  position: absolute;
  top: -122px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.staff__item-box {
  padding: 45px 25px 0 25px;
}
.staff__item-img {
  max-width: 170px;
  width: 100%;
  margin: 0 auto 25px;
}
.staff__item-name {
  max-width: 170px;
  width: 100%;
  margin: 0 auto 2px;
}
.staff__item-job {
  max-width: 150px;
  margin: 0 auto 22px;
}
.staff__item-text {
  width: 100%;
  max-width: 192px;
  margin: 0 auto;
  font-size: 15px;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.73;
}
.staff_link {
  display: block;
  margin-top: 7px;
}
.staff__bg {
  width: 100%;
  height: 15.416vw;
  position: absolute;
  top: -12.569vw;
  z-index: 0;
}

/*===================
buy
===================*/
.buy {
  padding: 13.5% 0 9%;
  position: relative;
}
.bg--green04 {
  width: 100%;
  position: absolute;
  top: -2px;
}
.buy__wrapper {
  max-width: 1122px;
  border: 2px solid #000;
  border-radius: 0 30px 30px 30px;
  margin: 0 auto;
  position: relative;
}
.buy__wrapper::before {
  content: "";
  width: 28%;
  padding-top: 32%;
  background: url(../imgs/index/buy_img.png) center center / cover no-repeat;
  position: absolute;
  top: -38%;
  left: 3%;
}
.buy__container {
  padding: 3% 4% 3% 0;
  border-radius: 0 30px 30px 30px;
  margin-left: auto;
  background: #fff url(../imgs/index/behind_bg.png) center center / 31px 61px repeat;
}
.buy__group {
  width: 67%;
  margin-left: auto;
  /* margin-right: 1%; */
}
.buy__ttl {
  width: 64%;
  margin: 0 auto 1%;
  margin-left: 18%;
  margin-top: 1%;
}
.buy__btnBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3%;
}
.buy__btn {
  width: 45%;
}
.buy__btnLink {
  display: block;
  width: 100%;
}

/*===================
encounter
===================*/
.encounter {
  padding: 18% 0px 8%;
  background: url(../imgs/index/encounter_bg.jpg) center center / cover no-repeat;
  position: relative;
}
.encounter__ttl {
  width: 65%;
  max-width: 730px;
  margin: 0 auto 2.2%;
}

.encounter__box {
  max-width: 1061px;
  height: 403px;
  margin: 0 auto 5.7%;
  position: relative;
}
.encounter__img {
  position: absolute;
}
.encounter__img1 {
  width: 323px;
  top: 0;
  left: 0;
}
.encounter__img2 {
  width: 207px;
  bottom: -20px;
  left: 292px;
}
.encounter__img3 {
  width: 313px;
  top: 110px;
  right: 236px;
}
.encounter__img4 {
  width: 232px;
  bottom: -20px;
  right: 0;
}

.encounter__sub {
  margin: 0 auto;
}
.encounter__sub a {
  display: block;
  width: 230px;
  margin: 0 auto;
}
.encounter__subImg {
  display: block;
  width: 434px;
  margin: 0 auto 30px;
}
.encounter__subImg2 {
  display: block;
  width: 230px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  /*===================
fv
===================*/
  .fv__deco01 {
    width: 16.9%;
    min-width: 180px;
    top: 14.3%;
    left: 5.5%;
  }
  .fv__deco02 {
    width: 22.4%;
    min-width: 230px;
    top: 22%;
    left: 24%;
  }
  .fv__deco03 {
    width: 21.7%;
    min-width: 220px;
    top: 15.1%;
    right: 10.8%;
  }
  .fv__deco04 {
    width: 11%;
    min-width: 140px;
    bottom: 10%;
    left: 4.9%;
  }
  .fv__deco05 {
    width: 14.7%;
    min-width: 160px;
    bottom: 12%;
    left: 39.3%;
  }
  .fv__deco06 {
    width: 16.1%;
    min-width: 180px;
    bottom: 28%;
    right: 25.8%;
  }

  /*===================
story
===================*/
  .story .contents-wrap {
    padding-top: 36px;
    padding-bottom: 7px;
  }

  /*===================
character
===================*/
  /* スライド */
  .character__swiper {
    padding-top: 5.902vw;
    padding-bottom: 5.902vw;
  }
  /* 前へ次への矢印カスタマイズ */
  .character__main-btn.swiper-button-prev,
  .character__main-btn.swiper-button-next {
    height: 5vw;
    width: 5vw;
    min-width: 48px;
    min-height: 48px;
    top: 22.43vw;
  }
  .character__main-btn.swiper-button-prev {
    left: 26.111vw;
  }
  .character__main-btn.swiper-button-next {
    right: 26.111vw;
  }
  /* 前へ次への矢印カスタマイズ */
  .character__main-btn.swiper-button-prev::after,
  .character__main-btn.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 5vw;
    margin: 0;
    width: 5vw;
    min-width: 48px;
    min-height: 48px;
  }

  /* ページネーションの余白 */
  /* ドット */
  .character__swiper .swiper_main.swiper-horizontal > .swiper-pagination-bullets,
  .character__swiper .swiper-my-pagination-main.swiper-pagination-bullets.swiper-pagination-horizontal,
  .character__swiper .swiper-pagination-custom,
  .character__swiper .swiper-my-pagination-main .swiper-pagination-fraction {
    bottom: 3.0555vw;
  }
  .character__swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .character__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9px 0;
  }

  /*===================
behind
===================*/

  .behind__contents {
    max-width: 77.916vw;
    padding-top: 3.472vw;
    padding-bottom: 5.208vw;
  }

  /* .behind__list-item {
    padding-bottom: 10.416vw;
  } */

  /* スライド */

  /* 前へ次への矢印カスタマイズ */
  .behind__container .swiper-button-prev,
  .behind__container .swiper-button-next,
  .behind__container02 .swiper-button-prev,
  .behind__container02 .swiper-button-next {
    height: 5vw;
    width: 5vw;
    min-width: 40px;
    min-height: 40px;
    top: 12.083vw;
  }
  .behind__container .swiper-button-prev,
  .behind__container02 .swiper-button-prev {
    left: -8.333vw;
  }
  .behind__container .swiper-button-next,
  .behind__container02 .swiper-button-next {
    right: -8.333vw;
  }
  /* 前へ次への矢印カスタマイズ */
  .behind__container .swiper-button-prev::after,
  .behind__container .swiper-button-next::after,
  .behind__container02 .swiper-button-prev::after,
  .behind__container02 .swiper-button-next::after {
    height: 5vw;
    width: 5vw;
    min-width: 40px;
    min-height: 40px;
  }

  /* ページネーションの余白 */
  /* ドット */
  .behind__container .swiper-pagination-bullets.swiper-pagination-horizontal,
  .behind__container02 .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 7.638vw;
    bottom: -7.916vw;
  }
  .behind__container .swiper-pagination-bullet,
  .behind__container02 .swiper-pagination-bullet {
    height: 0.833vw;
    width: 0.833vw;
  }
  .behind__container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .behind__container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
  .behind__container02 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .behind__container02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.3472vw 0;
  }

  .bg--green02 {
    height: 10.416vw;
    bottom: 11.111vw;
  }
}

@media screen and (max-width: 1430px) {
  .bg--yellow03 {
    bottom: -1px;
  }
}

@media screen and (max-width: 1385px) {
  .character__goods-img01 {
    top: -2.888vw;
    left: 10.541vw;
  }
  .character__goods-img03 {
    right: 4.548vw;
  }
  .character__goods-contents .flex {
    max-width: 54.223vw;
  }
  .character__goods-title {
    width: 32.996vw;
  }
  .character__goods-btn {
    width: 18.7vw;
  }
}

@media screen and (max-width: 1200px) {
  .character .section-title {
    padding-top: 35.583vw;
  }

  .people__img1 {
    width: 18.833vw;
  }
  .people__img2 {
    width: 78.666vw;
    bottom: 1.916vw;
  }
}
@media screen and (max-width: 1180px) {
  /*===================
staff
===================*/
  .staff__list {
    margin: 0 auto;
    max-width: 700px;
    flex-wrap: wrap;
    row-gap: 130px;
  }
  .staff__item {
    width: 100%;
    max-width: 336px;
    height: 620px;
  }
  /* .staff__item:nth-child(n + 3) {
    height: 538px;
  } */
  .staff__item:nth-child(2n-1) {
    border-left: 2px solid #222222;
    border-bottom-left-radius: 30px;
  }
  .staff__item:nth-child(2n) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .staff__item-box {
    padding-bottom: 45px;
  }
  .staff__item-img {
    margin-bottom: 15px;
  }

  /* .character__goods-img02 {
    top: -200px;
  } */
  /* .character__goods-img03 {
    bottom: 2.881vw;
  } */

  /* .character__goods-title {
    margin-bottom: 20px;
  }

  .character__goods-btn {
    padding-left: 15px;
    width: max(253px, 20.347vw);
  }	  */
}
@media screen and (max-width: 1150px) {
  .encounter__box {
    max-width: 92.26vw;
    height: 35.043vw;
  }
  .encounter__img1 {
    width: 28.086vw;
  }
  .encounter__img2 {
    width: 18vw;
    bottom: -1.739vw;
    left: 25.391vw;
  }
  .encounter__img3 {
    width: 27.217vw;
    top: 9.565vw;
    right: 20.521vw;
  }
  .encounter__img4 {
    width: 20.173vw;
    bottom: -1.739vw;
  }

  .encounter__sub a {
    width: 20vw;
  }
  .encounter__subImg {
    width: 37.739vw;
    margin: 0 auto 2.608vw;
  }
  .encounter__subImg2 {
    width: 20vw;
  }
}

@media screen and (max-width: 1080px) {
  /*===================
behind
===================*/
  /* スライド */
  .behind__swiper-thumbs {
    bottom: -13.333vw;
  }
  .behind__swiper-thumbs,
  .behind__swiper-thumbs02 {
    width: 10.833vw;
  }
  .behind__swiper-thumbs img,
  .behind__swiper-thumbs02 img {
    width: 10.833vw;
  }
}

@media screen and (max-width: 980px) {
  .fv__deco05 {
    bottom: 17%;
    left: 34.3%;
  }
  .fv__deco06 {
    right: 20.8%;
  }

  .character__goods-img02 {
    top: -160px;
  }
}

@media screen and (max-width: 750px) {
  /*===================
amazon fixed
===================*/
  .amazon__container {
    width: 28vw;
    max-width: 200px;
    min-width: 120px;
  }
  .amazon__pic {
    width: 94%;
    margin-top: 0%;
  }
  .amazon__btn {
    min-width: 21px;
  }
  .amazon__amazonBtn {
    margin-top: -33%;
  }

  /*===================
fv
===================*/
  .fv,
  .text-wh1,
  .text-wh2,
  .text-wh3,
  .fv__deco-inner {
    min-height: 750px;
  }
  .fv__logo h2 {
    background: url(../imgs/index/fv_logo_sp.svg) 50% 37% no-repeat;
    background-size: contain;
    max-width: 620px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .fv__deco01 {
    width: 150px;
    min-width: auto;
    top: auto;
    bottom: 230px;
    left: 260px;
  }
  .fv__deco02 {
    width: 190px;
    min-width: auto;
    top: 90px;
    left: 250px;
  }
  .fv__deco03 {
    width: 160px;
    min-width: auto;
    top: 90px;
    right: 0;
  }
  .fv__deco04 {
    width: 140px;
    min-width: auto;
    bottom: 150px;
    left: 0;
  }
  .fv__deco05 {
    width: 120px;
    min-width: auto;
    bottom: auto;
    top: 70px;
    left: 0;
  }
  .fv__deco06 {
    width: 140px;
    min-width: auto;
    bottom: 240px;
    right: 15px;
  }

  /* テキストアニメーション */
  .text-wh1 {
    background: url(../imgs/index/fv_text1_sp.png) 50% 50% no-repeat;
    background-size: cover;
  }

  .text-wh2 {
    background: url(../imgs/index/fv_text3_sp.png) 50% 50% no-repeat;
    background-size: cover;
  }

  .text-wh3 {
    background: url(../imgs/index/fv_text2_sp.png) 50% 50% no-repeat;
    background-size: cover;
  }

  .fv__buy {
    max-width: 306px;
    height: 106px;
    top: auto;
    bottom: 0;
  }
  .fv__buy-btn {
    width: 113px;
    top: 7px;
  }
  .fv__buy1 {
    left: 4px;
  }
  .fv__buy-img {
    width: 126px;
  }

  /*===================
story
===================*/
  .story__heading {
    font-size: 25px;
  }
  .story__text {
    font-size: 18px;
  }

  /*===================
character
===================*/
  .people__img {
    max-width: 327px;
    padding-top: 65px;
  }
  .people__img-flex {
    display: none;
  }

  .bg__img--yellow01 {
    top: -7px;
  }
  .bg__img--yellow01 img {
    height: 700px;
  }
  .character .section-title {
    padding-top: 860px;
  }

  /* スライド */
  .character__container {
    position: relative;
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
    padding-bottom: 120px;
  }
  .character__swiper {
    position: static;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .character__swiper .swiper-slide {
    opacity: 1;
    transform: scale(1); /* 左右のスライドを小さくする */
    transition: 0.7s; /* ゆっくり小さくさせる */
  }
  .character__swiper .swiper-slide-active {
    transform: scale(1); /* 中央のスライドは小さくしない */
  }
  .character__main-btn.swiper-button-prev,
  .character__main-btn.swiper-button-next {
    top: 235px;
  }
  .character__main-pagination.swiper-horizontal > .swiper-pagination-bullets,
  .character__main-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
  .character__swiper .swiper-pagination-custom,
  .character__main-pagination .swiper-pagination-fraction {
    bottom: 84px;
  }
  /* 前への矢印カスタマイズ */
  .character__main-btn.swiper-button-prev {
    left: -5px;
  }
  .character__main-btn.swiper-button-prev::after {
    background-image: url("../imgs/common/silde_prev_sp.png");
  }
  .character__main-btn.swiper-button-next {
    right: -5px;
  }
  /* 次への矢印カスタマイズ */
  .character__main-btn.swiper-button-next::after {
    background-image: url("../imgs/common/silde_next_sp.png");
  }

  .character__swiper .swiper_main.swiper-horizontal > .swiper-pagination-bullets,
  .character__swiper .swiper-my-pagination-main.swiper-pagination-bullets.swiper-pagination-horizontal,
  .character__swiper .swiper-pagination-custom,
  .character__swiper .swiper-my-pagination-main .swiper-pagination-fraction {
    bottom: 82px;
  }
  .character__swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .character__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px 0;
  }

  .character__sub-pagination {
    width: 65px;
    height: 51px;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .character__goods-contents .flex {
    max-width: 600px;
  }
  .character__goods-title {
    width: 337px;
  }
  .character__goods-btn {
    width: 252px;
  }

  .character__goods-deco {
    padding-bottom: 370px;
  }

  .character__goods-img01 {
    top: -207px;
    left: 2%;
  }
  .character__goods-img02 {
    top: -60px;
  }
  .character__goods-img03 {
    top: -215px;
    right: 2%;
  }

  /*===================
behind
===================*/
  .behind__contents {
    width: calc(100% - 40px);
    max-width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 35px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
  }
  .behind__contents-title {
    margin: 0 auto 6vw;
  }
  .behind__contents-title02 {
    max-width: 400px;
    margin: 0 auto 6vw;
  }
  .behind__list-item {
    padding-bottom: 159px;
  }
  .behind__list-item02 {
    padding-bottom: 100px;
  }
  /* スライド */
  .behind__container .swiper-button-prev::after,
  .behind__container02 .swiper-button-prev::after {
    background-image: url(../imgs/common/silde_prev_sp.png);
  }
  .behind__container .swiper-button-next::after,
  .behind__container02 .swiper-button-next::after {
    background-image: url(../imgs/common/silde_next_sp.png);
  }
  .behind__container .swiper-button-prev,
  .behind__container .swiper-button-next,
  .behind__container02 .swiper-button-prev,
  .behind__container02 .swiper-button-next {
    height: 5vw;
    width: 5vw;
    top: auto;
    bottom: -95px;
  }
  .behind__container .swiper-button-prev,
  .behind__container02 .swiper-button-prev {
    left: 0;
  }
  .behind__container .swiper-button-next,
  .behind__container02 .swiper-button-next {
    right: 0;
  }
  .behind__swiper-thumbs,
  .behind__swiper-thumbs02 {
    width: 108px;
    bottom: -110px;
  }
  .behind__swiper-thumbs img,
  .behind__swiper-thumbs02 img {
    width: 108px;
  }
  .behind__container .swiper-pagination-bullets.swiper-pagination-horizontal,
  .behind__container02 .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 108px;
    bottom: -143px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .behind__container .swiper-pagination-bullet,
  .behind__container02 .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
  }
  .behind__container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .behind__container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
  .behind__container02 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .behind__container02 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px 0;
  }

  /*===================
review
===================*/
  .review__list {
    gap: 5vw;
  }
  .review__item {
    width: max(33.333vw, 155px);
  }

  /* .low__bg {
    background: url("../imgs/index/low_bg_sp.png") center center / cover no-repeat;
  } */

  /*===================
staff
===================*/
  .staff__title {
    text-align-last: center;
    margin-left: auto;
  }
  .staff .section-title__en {
    margin-left: auto;
    margin-right: auto;
  }
  .staff__title__ja {
    margin-left: auto;
  }
  .staff__wrap {
    padding-top: 0;
  }
  .staff__list {
    flex-flow: column;
    row-gap: 95px;
  }
  .staff__list.pc {
    display: none;
  }
  .staff__list.sp {
    display: flex;
    flex-flow: column;
    row-gap: 95px;
  }
  .staff_item-serif {
    width: 174px;
    top: -80px;
    left: 71%;
  }
  .staff__item-box {
    padding: 40px 25px;
  }
  .staff__item {
    height: auto !important;
    border-left: 2px solid #222222;
    border-radius: 0 30px 30px 30px !important;
  }
  .staff__item-text {
    /* font-size: 14px; */
    max-width: 202px;
  }

  /* スライド */
  .staff__container {
    position: relative;
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
    padding-bottom: 120px;
  }
  .staff__swiper {
    position: static;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 90px;
  }

  /* 前へ次への矢印カスタマイズ */
  .staff__main-btn.swiper-button-prev,
  .staff__main-btn.swiper-button-next {
    height: 48px;
    width: 48px;
    top: 335px;
  }
  .staff__main-btn.swiper-button-prev {
    left: -30px;
  }
  .staff__main-btn.swiper-button-next {
    right: -30px;
  }
  /* 前へ次への矢印カスタマイズ */
  .staff__main-btn.swiper-button-prev::after,
  .staff__main-btn.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 48px;
    margin: auto;
    width: 48px;
  }
  /* 前への矢印カスタマイズ */
  .staff__main-btn.swiper-button-prev::after {
    background-image: url("../imgs/common/silde_prev_sp.png");
  }
  /* 次への矢印カスタマイズ */
  .staff__main-btn.swiper-button-next::after {
    background-image: url("../imgs/common/silde_next_sp.png");
  }

  /* ページネーションの余白 */
  /* ドット */
  .staff__main-pagination.swiper-horizontal > .swiper-pagination-bullets,
  .staff__main-pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
  .staff__swiper .swiper-pagination-custom,
  .staff__main-pagination .swiper-pagination-fraction {
    bottom: 84px;
  }
  .staff__swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .staff__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px 0;
  }
  /* ページネーションのサイズと色 */
  .staff__main-pagination .swiper-pagination-bullet {
    background-color: #fff;
    height: 12px;
    width: 12px;
    opacity: 1;
  }
  .staff__main-pagination .swiper-pagination-bullet-active {
    /*アクティブなドットの透過度を1にする*/
    opacity: 1;
    background-color: #222;
  }

  /* 総数 */
  .staff__sub-pagination {
    width: 65px;
    height: 51px;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .staff__pagination-sub {
    width: 65px;
    height: 51px;
    position: relative;
  }
  .staff__pagination-sub .swiper-pagination-current,
  .staff__pagination-sub .swiper-pagination-total {
    font-size: 24px;
    font-family: "GillSansMTPro-Bold";
    position: absolute;
    line-height: 1;
    display: block;
    height: 18px;
  }
  .staff__pagination-sub .swiper-pagination-current {
    color: #e96e00;
    top: 0;
    left: 0;
  }
  .staff__pagination-sub .swiper-pagination-total {
    bottom: -3px;
    right: 0;
  }

  /*===================
buy
===================*/
  .buy {
    padding: 58% 0 23%;
  }
  .buy__ttl {
    width: 71%;
    margin: 6% auto 7%;
  }
  .buy__wrapper {
    max-width: 550px;
  }
  .buy__wrapper::before {
    width: 71%;
    padding-top: 82%;
    position: absolute;
    top: -7%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .buy__container {
    padding: 5% 5% 8% 5%;
  }
  .buy__group {
    width: 100%;
    max-width: 400px;
    padding-top: 28%;
    margin: 0 auto;
  }
  .buy__btnBox {
    display: block;
  }
  .buy__btn {
    width: 92%;
  }
  .buy__btn:not(:last-child) {
    margin-bottom: 2%;
  }

  /*===================
encounter
===================*/
  .encounter {
    padding: 15% 0px 23%;
  }
  .encounter__spImg {
    width: 67%;
    max-width: 350px;
    margin: 0 0 5% 5%;
  }
  .encounter__ttl {
    width: 86%;
    max-width: 350px;
    margin: 0 auto 4.9%;
  }
  .encounter__box {
    max-width: 73.466vw;
    height: 71.666vw;
    margin: 0 auto 8%;
  }
  .encounter__sub a {
    width: 42.933vw;
  }
  .encounter__subImg {
    width: 81.066vw;
    margin: 0 auto 5.333vw;
  }
  .encounter__subImg2 {
    width: 42.933vw;
  }

  .encounter__img1 {
    width: 50.266vw;
    left: -2.666vw;
  }
  .encounter__img2 {
    width: 28.2vw;
    top: -6.333vw;
    bottom: auto;
    left: auto;
    right: -5.333vw;
  }
  .encounter__img4 {
    width: 32.666vw;
    bottom: 0;
    right: 14.933vw;
  }
}

@media screen and (max-width: 640px) {
  /*===================
fv
===================*/
  .fv__deco02 {
    width: 190px;
    min-width: auto;
    top: 90px;
    left: 160px;
  }
  .fv__deco01 {
    width: 150px;
    min-width: auto;
    bottom: 230px;
    left: 170px;
  }

  /*===================
character
===================*/
  .character__goods-contents .flex {
    max-width: 93.75vw;
  }
  .character__goods-title {
    width: 52.656vw;
  }
  .character__goods-btn {
    width: 39.375vw;
  }
}

@media screen and (max-width: 500px) {
  /*===================
fv
===================*/
  .fv__deco01 {
    width: 130px;
    min-width: auto;
    bottom: 270px;
    left: 130px;
  }
  .fv__deco02 {
    width: 140px;
    min-width: auto;
    top: 110px;
    left: 110px;
  }
  .fv__deco03 {
    width: 130px;
    min-width: auto;
    top: 90px;
    right: 0;
  }
  .fv__deco04 {
    width: 110px;
    min-width: auto;
    bottom: 200px;
    left: 0;
  }
  .fv__deco05 {
    width: 100px;
    min-width: auto;
    top: 70px;
    left: 0;
  }
  .fv__deco06 {
    width: 110px;
    min-width: auto;
    bottom: 250px;
    right: 12px;
  }

  .fv__buy {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  /*===================
story
===================*/
  .story__heading {
    font-size: 22px;
  }
  .story__text {
    font-size: 16px;
  }

  /*===================
behind
===================*/
  /* デザインを何度も考えて、作り上げたよ */
  .behind__swiper02 {
    width: calc(100% - 40px);
  }
  /* .behind__swiper02 .swiper-slide {
    padding: 0 5px;
  } */

  .nest--pc {
    display: none;
  }
  .nest--sp {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  /*===================
fv
===================*/
  .fv__deco01 {
    width: 130px;
    min-width: auto;
    bottom: 270px;
    left: 100px;
  }
}

@media screen and (max-width: 375px) {
  /*===================
オレンジタイトル
===================*/
  .story .section-title__en {
    width: 69px;
  }
  .character .section-title__en {
    width: 84px;
  }
  .plan .section-title__en {
    width: 64px;
  }
  .review .section-title__en {
    width: 64px;
  }
  .staff .section-title__en {
    width: 64px;
  }

  /*===================
fv
===================*/
  .fv__deco02 {
    width: 140px;
    min-width: auto;
    top: 110px;
    left: 80px;
  }

  /*===================
character
===================*/
  .character .section-title {
    padding-top: 225.333vw;
  }

  .character__goods-contents {
    padding-bottom: 117px;
  }

  .character__goods-deco {
    padding-bottom: 300px;
  }
  .character__goods-img01 {
    left: -4px;
  }
  .character__goods-img02 {
    width: 280px;
  }
  .character__goods-img03 {
    width: 150px;
    right: 0;
  }
  /*===================
review
===================*/
  .review__item {
    width: max(40vw, 130px);
  }

  /*===================
staff
===================*/

  /* スライド */
  .staff__main-btn.swiper-button-prev,
  .staff__main-btn.swiper-button-next,
  .staff__main-btn.swiper-button-prev::after,
  .staff__main-btn.swiper-button-next::after {
    min-width: 43px;
    min-height: 43px;
  }
  .staff__main-btn.swiper-button-prev {
    left: -10px;
  }
  .staff__main-btn.swiper-button-next {
    right: -10px;
  }
}

@media screen and (max-width: 350px) {
  /*===================
character
===================*/

  /* スライド */
  .character__main-btn.swiper-button-prev,
  .character__main-btn.swiper-button-next,
  .character__main-btn.swiper-button-prev::after,
  .character__main-btn.swiper-button-next::after {
    min-width: 43px;
    min-height: 43px;
  }
  .character__main-btn.swiper-button-prev {
    left: -10px;
  }
  .character__main-btn.swiper-button-next {
    right: -10px;
  }
}