.en {
  font-family: Arial, Helvetica, sans-serif;
}

.color-primary {
  background-color: rgb(var(--color-main));
  color: #fff;
  border: 1px solid rgb(var(--color-main));
}

.color-second {
  color: rgb(var(--color-main));
  border: 1px solid rgb(var(--color-main));
}

#papapt {
  font-family: "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", sans-serif;
  overflow: hidden;
}
#papapt img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.about_vanillabeans {
  background-color: #fff;
  padding: 10.1902173913vw 0 19.0217391304vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans {
    padding: 8.8541666667vw 0 13.0208333333vw;
  }
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_logo {
    position: relative;
  }
}
.about_vanillabeans_logo img {
  width: 32.6086956522vw;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_logo img {
    width: 19.0104166667vw;
  }
}
.about_vanillabeans_img {
  margin-bottom: 8.152173913vw;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_img {
    margin: -2.6041666667vw 0 4.375vw;
  }
}
.about_vanillabeans_img img {
  width: 100%;
}
.about_vanillabeans_title {
  font-weight: 700;
  font-size: 4.8913043478vw !important;
  margin-bottom: 5.4347826087vw !important;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_title {
    font-size: 3.125vw !important;
    margin-bottom: 3.4375vw !important;
  }
}
.about_vanillabeans_txt {
  font-weight: 500;
  font-size: 2.8532608696vw;
  margin-bottom: 12.2282608696vw;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_txt {
    font-size: 1.4583333333vw;
    margin-bottom: 6.7708333333vw;
  }
}
.about_vanillabeans_25th {
  margin-top: 18.3423913043vw;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_25th {
    margin-top: 6.5104166667vw;
  }
}
.about_vanillabeans_25th img {
  width: 35.0543478261vw;
}
@media screen and (min-width: 769px) {
  .about_vanillabeans_25th img {
    width: 15.2083333333vw;
  }
}

.arrow_link {
  width: fit-content;
  display: block;
  margin: 10.1902173913vw auto 0;
  position: relative;
  font-size: 3.5326086957vw;
  font-weight: 500;
  padding: 0 0 0.6793478261vw 0;
}
@media screen and (min-width: 769px) {
  .arrow_link {
    margin: 7.1875vw auto 0;
    font-size: 1.5625vw;
    padding: 0 0 0.2604166667vw 0;
  }
}
@media (hover) {
  .arrow_link:hover::before {
    width: calc(100% + 10.1902173913vw);
  }
}
@media screen and (hover) and (min-width: 769px) {
  .arrow_link:hover::before {
    width: calc(100% + 3.90625vw);
  }
}
@media (hover) {
  .arrow_link:hover:after {
    right: -10.1902173913vw;
  }
}
@media screen and (hover) and (min-width: 769px) {
  .arrow_link:hover:after {
    right: -3.90625vw;
  }
}
.arrow_link:before {
  content: "";
  width: calc(100% + 7.472826087vw);
  height: 1px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .arrow_link:before {
    width: calc(100% + 2.8645833333vw);
  }
}
.arrow_link:after {
  content: "";
  width: 6.1141304348vw;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  right: -7.472826087vw;
  bottom: 0;
  transform-origin: bottom right;
  transform: rotate(38deg);
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .arrow_link:after {
    right: -2.8645833333vw;
    width: 2.8645833333vw;
  }
}

.papapt_kv {
  background-color: #397465;
}
.papapt_kv_inner {
  position: relative;
}
.papapt_kv_bg img {
  width: 100%;
}
.papapt_kv h1 {
  position: absolute;
  top: 15.3532608696vw;
  left: 6.7934782609vw;
  width: 84.2391304348vw;
  height: 29.8913043478vw;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 1.6304347826vw 1.6304347826vw 0 #397465;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: rgb(var(--color-main));
}
@media screen and (min-width: 769px) {
  .papapt_kv h1 {
    top: 5.2083333333vw;
    left: 50%;
    margin-left: -15.625vw;
    width: 32.2916666667vw;
    height: 11.4583333333vw;
    box-shadow: 0.5208333333vw 0.5208333333vw 0 #397465;
  }
}
.papapt_kv h1 span {
  font-size: 3.2608695652vw;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 769px) {
  .papapt_kv h1 span {
    font-size: 1.25vw;
  }
}
.papapt_kv h1 strong {
  font-weight: 700;
  font-size: 10.8695652174vw;
  letter-spacing: 0.05em;
  margin: 2.0380434783vw 0 0.6793478261vw;
}
@media screen and (min-width: 769px) {
  .papapt_kv h1 strong {
    font-size: 4.1666666667vw;
    margin: 0.78125vw 0 0.2604166667vw;
  }
}
.papapt_kv h1 b {
  font-size: 4.7554347826vw;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .papapt_kv h1 b {
    font-size: 1.8229166667vw;
  }
}
.papapt_kv h1:after {
  content: "";
  width: 36.6847826087vw;
  height: 11.5489130435vw;
  background: url(https://gigaplus.makeshop.jp/cdcom/new2025/img/papapt/kv_title.svg) no-repeat center/100% auto;
  position: absolute;
  right: 0.6793478261vw;
  bottom: -4.347826087vw;
}
@media screen and (min-width: 769px) {
  .papapt_kv h1:after {
    width: 14.0625vw;
    height: 4.4270833333vw;
    right: 0.2604166667vw;
    bottom: -1.6666666667vw;
  }
}

.article_ttl {
  text-align: center;
  width: fit-content;
  margin: 0 auto !important;
  position: relative;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article_ttl span {
  position: absolute;
  bottom: 100%;
  left: 0;
}
.article_ttl span img {
  transform: translateX(-50%);
}
.article_ttl strong {
  font-size: 8.152173913vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .article_ttl strong {
    font-size: 3.75vw;
  }
}
.article_ttl b {
  font-size: 7.8804347826vw;
  font-weight: 700;
  padding-top: 1.0869565217vw;
}
@media screen and (min-width: 769px) {
  .article_ttl b {
    font-size: 3.75vw;
    padding-top: 0;
  }
}
.article_ttl em {
  font-size: 4.0760869565vw;
  font-weight: 700;
  font-style: normal;
  padding-top: 4.7554347826vw;
}
@media screen and (min-width: 769px) {
  .article_ttl em {
    font-size: 1.875vw;
    padding-top: 1.8229166667vw;
  }
}

.article_lead {
  font-size: 3.2608695652vw;
  font-weight: 500;
  line-height: 1.67;
}
@media screen and (min-width: 769px) {
  .article_lead {
    font-size: 1.5625vw;
  }
}
.article_lead small {
  font-size: 2.4456521739vw;
}
@media screen and (min-width: 769px) {
  .article_lead small {
    font-size: 1.25vw;
  }
}
.article_lead-center {
  text-align: center;
}

.whats {
  background-color: #397465;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .whats {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.whats .article_ttl span img {
  width: 22.8260869565vw;
}
@media screen and (min-width: 769px) {
  .whats .article_ttl span img {
    width: 8.75vw;
  }
}
.whats .article_lead {
  margin-top: 7.472826087vw;
}
@media screen and (min-width: 769px) {
  .whats .article_lead {
    margin-top: 3.3333333333vw;
  }
}
.whats_img {
  margin-top: 10.1902173913vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .whats_img {
    margin-top: 3.8541666667vw;
  }
}
.whats_img img {
  width: 55.7065217391vw;
}
@media screen and (min-width: 769px) {
  .whats_img img {
    width: 22.65625vw;
  }
}
.whats_detail {
  margin-top: 6.1141304348vw;
}
@media screen and (min-width: 769px) {
  .whats_detail {
    margin-top: 2.3958333333vw;
    text-align: center;
  }
}
.whats_detail img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .whats_detail img {
    width: 65.8854166667vw;
  }
}

.newItem {
  background-color: #dbba33;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .newItem {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.newItem .article_ttl span img {
  width: 32.6086956522vw;
}
@media screen and (min-width: 769px) {
  .newItem .article_ttl span img {
    width: 12.5vw;
  }
}
.newItem_mv {
  margin: 9.7826086957vw 0 25.1358695652vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  .newItem_mv {
    margin: 2.2916666667vw auto 4.1666666667vw;
    width: fit-content;
  }
}
.newItem_mv-main {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.newItem_mv-main img {
  width: 91.7119565217vw;
}
@media screen and (min-width: 769px) {
  .newItem_mv-main img {
    width: 65.8854166667vw;
  }
}
.newItem_mv-deco {
  position: absolute;
  right: 1.3586956522vw;
  bottom: -24.4565217391vw;
}
@media screen and (min-width: 769px) {
  .newItem_mv-deco {
    right: -8.59375vw;
    bottom: -11.4583333333vw;
  }
}
.newItem_mv-deco img {
  width: 52.9891304348vw;
}
@media screen and (min-width: 769px) {
  .newItem_mv-deco img {
    width: 31.5104166667vw;
  }
}
.newItem .article_lead {
  margin-bottom: 18.75vw;
}
@media screen and (min-width: 769px) {
  .newItem .article_lead {
    margin-bottom: 6.9791666667vw;
  }
}

.papapt_item {
  margin-top: 12.9076086957vw;
  display: grid;
  grid-template-columns: 44.8369565217vw 1fr;
  column-gap: 3.8043478261vw;
}
@media screen and (min-width: 769px) {
  .papapt_item {
    margin: 4.6875vw auto 0;
    grid-template-columns: 33.0208333333vw 1fr;
    max-width: 62.5vw;
    column-gap: 2.8645833333vw;
  }
}
.papapt_item dt {
  padding-left: 6.7934782609vw;
}
@media screen and (min-width: 769px) {
  .papapt_item dt {
    text-align: right;
    padding-left: 0;
  }
}
.papapt_item dt img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .papapt_item dt img {
    width: 23.4375vw;
  }
}
.papapt_item dd {
  padding-right: 2.7173913043vw;
}
@media screen and (min-width: 769px) {
  .papapt_item dd {
    padding-right: 0;
  }
}
.papapt_item_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 1.7663043478vw;
  margin-bottom: 1.6304347826vw;
}
@media screen and (min-width: 769px) {
  .papapt_item_tag {
    gap: 0.8333333333vw;
    margin-bottom: 1.0416666667vw;
  }
}
.papapt_item_tag span {
  font-size: 2.4456521739vw;
  font-weight: 500;
  line-height: 1;
  padding: 0.8152173913vw 1.3586956522vw 0.5434782609vw;
}
@media screen and (min-width: 769px) {
  .papapt_item_tag span {
    font-size: 1.25vw;
    padding: 0.3125vw 0.625vw 0.2083333333vw;
  }
}
.papapt_item_ttl {
  font-size: 3.5326086957vw;
  font-weight: 700;
  color: rgb(var(--color-main));
  line-height: 1.3;
  padding-bottom: 1.3586956522vw;
  border-bottom: 1px solid rgb(var(--color-main));
  width: fit-content;
  margin-bottom: 2.0380434783vw;
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .papapt_item_ttl {
    font-size: 1.875vw;
    padding-bottom: 0.5208333333vw;
    margin-bottom: 1.3020833333vw;
  }
}
.papapt_item_txt {
  font-size: 2.8532608696vw;
  font-weight: 500;
  color: rgb(var(--color-main));
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin-bottom: 4.7554347826vw;
}
@media screen and (min-width: 769px) {
  .papapt_item_txt {
    font-size: 1.4583333333vw;
    margin-bottom: 1.8229166667vw;
    line-height: 1.4;
  }
}
.papapt_item_limit {
  color: #b93228;
  font-size: 3.5326086957vw;
  font-weight: 500;
  margin-bottom: 0.6793478261vw;
}
@media screen and (min-width: 769px) {
  .papapt_item_limit {
    font-size: 1.875vw;
    margin-bottom: 0.2604166667vw;
  }
}
.papapt_item_limit small {
  font-size: 1.902173913vw;
}
@media screen and (min-width: 769px) {
  .papapt_item_limit small {
    font-size: 0.625vw;
  }
}
.papapt_item_price {
  color: rgb(var(--color-main));
  margin-bottom: 2.1739130435vw;
}
@media screen and (min-width: 769px) {
  .papapt_item_price {
    margin-bottom: 1.25vw;
  }
}
.papapt_item_price b {
  font-weight: 700;
  font-size: 7.0652173913vw;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .papapt_item_price b {
    font-size: 3.6458333333vw;
  }
}
.papapt_item_price small {
  font-size: 3.8043478261vw;
  font-weight: 700;
  font-feature-settings: "palt";
  padding-left: 0.3em;
}
@media screen and (min-width: 769px) {
  .papapt_item_price small {
    font-size: 1.9791666667vw;
  }
}
.papapt_item + .papapt_item {
  margin-top: 20.3804347826vw;
}
@media screen and (min-width: 769px) {
  .papapt_item + .papapt_item {
    margin-top: 11.9791666667vw;
  }
}

.buy-btn {
  display: block;
  width: fit-content;
  text-align: center;
  font-size: 3.8043478261vw;
  font-weight: 500;
  line-height: 1;
  padding: 2.0380434783vw 4.7554347826vw;
  border-radius: 1.3586956522vw;
}
@media screen and (min-width: 769px) {
  .buy-btn {
    font-size: 1.875vw;
    padding: 0.8333333333vw 2.6041666667vw 0.6770833333vw;
    border-radius: 0.5208333333vw;
  }
}

.lineup {
  background-color: #397465;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .lineup {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.lineup .article_ttl span img {
  width: 25.1358695652vw;
}
@media screen and (min-width: 769px) {
  .lineup .article_ttl span img {
    width: 9.6354166667vw;
  }
}
.lineup .article_lead {
  margin-top: 6.7934782609vw;
}
@media screen and (min-width: 769px) {
  .lineup .article_lead {
    margin-top: 2.0833333333vw;
  }
}
.lineup_item {
  margin-top: 10.597826087vw;
  padding: 0 4.0760869565vw;
}
@media screen and (min-width: 769px) {
  .lineup_item {
    margin: 8.59375vw auto 0;
    max-width: 65.8854166667vw;
    padding: 0;
    display: grid;
    grid-template-columns: 33.4895833333vw 1fr;
    column-gap: 3.90625vw;
  }
}
.lineup_item dt {
  position: relative;
  margin-bottom: 9.5108695652vw;
}
@media screen and (min-width: 769px) {
  .lineup_item dt {
    margin-bottom: 0;
  }
}
.lineup_item dt picture img {
  width: 66.3043478261vw;
}
@media screen and (min-width: 769px) {
  .lineup_item dt picture img {
    width: 100%;
  }
}
.lineup_item dt span {
  position: absolute;
}
.lineup_item dt span img {
  width: 39.6739130435vw;
}
@media screen and (min-width: 769px) {
  .lineup_item dt span img {
    width: 20.5729166667vw;
  }
}
@media screen and (min-width: 769px) {
  .lineup_item dd {
    padding-top: 1.0416666667vw;
    width: fit-content;
    display: flex;
    flex-direction: column;
  }
}
.lineup_item dd h3 {
  display: flex;
  flex-direction: column;
  margin-bottom: 4.0760869565vw;
}
@media screen and (min-width: 769px) {
  .lineup_item dd h3 {
    margin-bottom: 3.125vw;
  }
}
.lineup_item dd h3 strong {
  font-weight: 700;
  font-size: 6.5217391304vw;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .lineup_item dd h3 strong {
    font-size: 3.75vw;
  }
}
.lineup_item dd h3 span {
  font-size: 4.0760869565vw;
  font-weight: 700;
  padding-top: 1.3586956522vw;
}
@media screen and (min-width: 769px) {
  .lineup_item dd h3 span {
    font-size: 1.875vw;
    padding-top: 1.0416666667vw;
  }
}
.lineup_item dd p {
  font-size: 3.2608695652vw;
  font-weight: 500;
  line-height: 1.67;
}
@media screen and (min-width: 769px) {
  .lineup_item dd p {
    font-size: 1.5625vw;
    font-feature-settings: "palt";
    line-height: 1.55;
  }
}
.lineup_item dd p small {
  display: block;
  font-size: 2.4456521739vw;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .lineup_item dd p small {
    font-size: 1.25vw;
    text-align: right;
  }
}
.lineup_item dd p span {
  font-size: 2.9891304348vw;
}
@media screen and (min-width: 769px) {
  .lineup_item dd p span {
    font-size: 1.25vw;
  }
}
.lineup_item-1 dt span {
  bottom: -12.2282608696vw;
  right: 0;
}
@media screen and (min-width: 769px) {
  .lineup_item-1 dt span {
    bottom: -2.8645833333vw;
    right: -12.8125vw;
  }
}
@media screen and (min-width: 769px) {
  .lineup_item-1 dd p {
    width: fit-content;
  }
}
.lineup_item-2 {
  margin-bottom: 19.0217391304vw;
}
@media screen and (min-width: 769px) {
  .lineup_item-2 {
    margin: 18.2291666667vw auto 17.7083333333vw;
    grid-template-columns: 1fr 33.4895833333vw;
  }
}
.lineup_item-2 dt {
  margin-bottom: 17.6630434783vw;
}
@media screen and (min-width: 769px) {
  .lineup_item-2 dt {
    margin-bottom: 0;
    grid-area: 1/2/2/3;
  }
}
.lineup_item-2 dt picture {
  display: block;
  text-align: right;
}
.lineup_item-2 dt span {
  bottom: -14.9456521739vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .lineup_item-2 dt span {
    bottom: -6.7708333333vw;
    left: -10.4166666667vw;
  }
}
.lineup_item-2 dd {
  width: fit-content;
  margin-left: auto;
  padding-right: 2.7173913043vw;
}
@media screen and (min-width: 769px) {
  .lineup_item-2 dd {
    padding-right: 0;
    margin-right: 0;
  }
}
.lineup .more {
  text-align: center;
  font-size: 6.5217391304vw;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .lineup .more {
    font-size: 3.75vw;
  }
}

.debut {
  background-color: #07513e;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .debut {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.debut_mv {
  margin: 0 9.5108695652vw 9.7826086957vw;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .debut_mv {
    width: 78.125vw;
    margin: 0 auto 7.8125vw;
  }
}
.debut_mv:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(182, 147, 24) 0%, rgb(248, 235, 140) 50%, rgb(182, 147, 24) 100%);
  position: absolute;
  top: 2.0380434783vw;
  left: 2.0380434783vw;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .debut_mv:before {
    top: 1.5625vw;
    left: 1.5625vw;
  }
}
.debut_ttl {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 5.4347826087vw;
}
@media screen and (min-width: 769px) {
  .debut_ttl {
    margin-top: 3.6458333333vw;
  }
}
.debut_ttl span img {
  width: 36.6847826087vw;
}
@media screen and (min-width: 769px) {
  .debut_ttl span img {
    width: 18.8541666667vw;
  }
}
.debut_ttl strong {
  font-weight: 700;
  font-size: 6.5217391304vw;
  line-height: 1.25;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
}
@media screen and (min-width: 769px) {
  .debut_ttl strong {
    font-size: 3.75vw;
  }
}
.debut .papapt_item_ttl,
.debut .papapt_item_txt,
.debut .papapt_item_price {
  color: #fff;
}
.debut .papapt_item_ttl {
  border-color: #fff;
  width: 100%;
}
.debut .papapt_item_txt small {
  font-size: 1.902173913vw;
  padding-left: 0.6793478261vw;
}
@media screen and (min-width: 769px) {
  .debut .papapt_item_txt small {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 769px) {
  .debut .papapt_item dt {
    padding-right: 2.6041666667vw;
  }
}
.debut .papapt_item dd {
  display: flex;
  flex-direction: column;
}
.debut .papapt_item_limit {
  margin-top: auto;
}
.debut_bottom {
  margin-top: 14.402173913vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .debut_bottom {
    margin-top: 9.8958333333vw;
  }
}
.debut_bottom img {
  width: 69.972826087vw;
}
@media screen and (min-width: 769px) {
  .debut_bottom img {
    width: 48.4375vw;
  }
}

.story {
  background-color: #397465;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .story {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.story .article_lead {
  margin: 6.1141304348vw 0 9.5108695652vw;
}
.story_item {
  position: relative;
  width: 66.0326086957vw;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .story_item {
    width: 59.1666666667vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    column-gap: 6.4583333333vw;
  }
}
.story_item dt {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .story_item dt {
    position: static;
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .story_item dd {
    width: 31.25vw;
  }
}
.story_item dd img {
  width: 100%;
}
.story_item-1, .story_item-3 {
  margin-left: 9.2391304348vw;
}
@media screen and (min-width: 769px) {
  .story_item-1, .story_item-3 {
    margin-left: auto;
    flex-direction: row-reverse;
  }
}
.story_item-2, .story_item-4 {
  margin-left: 20.5163043478vw;
}
@media screen and (min-width: 769px) {
  .story_item-2, .story_item-4 {
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .story_item-2 dt, .story_item-4 dt {
    text-align: right;
  }
}
.story_item-1 dt {
  width: 33.0163043478vw;
  right: -15.625vw;
  bottom: -16.3043478261vw;
}
@media screen and (min-width: 769px) {
  .story_item-1 dt {
    width: auto;
    padding-top: 8.9583333333vw;
  }
}
@media screen and (min-width: 769px) {
  .story_item-1 dt img {
    width: 14.7395833333vw;
  }
}
.story_item-2 dt {
  width: 35.8695652174vw;
  left: -14.1304347826vw;
  bottom: -12.7717391304vw;
}
@media screen and (min-width: 769px) {
  .story_item-2 dt {
    width: auto;
    padding-top: 10.1041666667vw;
  }
}
@media screen and (min-width: 769px) {
  .story_item-2 dt img {
    width: 15.9375vw;
  }
}
.story_item-3 dt {
  width: 32.8804347826vw;
  right: -16.1684782609vw;
  bottom: -16.3043478261vw;
}
@media screen and (min-width: 769px) {
  .story_item-3 dt {
    width: auto;
    padding-top: 6.875vw;
  }
}
@media screen and (min-width: 769px) {
  .story_item-3 dt img {
    width: 15.1041666667vw;
  }
}
.story_item-4 {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 769px) {
  .story_item-4 {
    flex-direction: row;
  }
}
.story_item-4 dt {
  position: static;
  width: 55.2989130435vw;
  margin: 5.1630434783vw 0 0 -11.4130434783vw;
}
@media screen and (min-width: 769px) {
  .story_item-4 dt {
    position: relative;
    width: auto;
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  .story_item-4 dt img {
    width: 25.8333333333vw;
    position: absolute;
    top: -2.2395833333vw;
    left: -3.4375vw;
    max-width: none !important;
  }
}
.story_item + .story_item {
  margin-top: 27.1739130435vw;
}
@media screen and (min-width: 769px) {
  .story_item + .story_item {
    margin-top: 7.8125vw;
  }
}

.character {
  background-color: #dbba33;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .character {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.character .article_ttl {
  margin-bottom: 12.2282608696vw !important;
}
@media screen and (min-width: 769px) {
  .character .article_ttl {
    margin-bottom: 5.7291666667vw !important;
  }
}
.character_list {
  width: 74.4565217391vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .character_list {
    width: 41.6666666667vw;
  }
}
.character_list li {
  text-align: center;
}
.character_list li + li {
  margin-top: 6.1141304348vw;
}
@media screen and (min-width: 769px) {
  .character_list li + li {
    margin-top: 3.125vw;
  }
}
.character_list li figure {
  margin-bottom: 4.0760869565vw;
}
@media screen and (min-width: 769px) {
  .character_list li figure {
    margin-bottom: 1.6666666667vw;
  }
}
.character_list li img {
  width: 100%;
}
.character_list li h3 {
  font-size: 4.0760869565vw;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .character_list li h3 {
    font-size: 1.875vw;
  }
}
.character_list li h4 {
  font-size: 2.4456521739vw;
  line-height: 1;
  font-weight: 500;
  margin-top: 1.0869565217vw;
}
@media screen and (min-width: 769px) {
  .character_list li h4 {
    font-size: 1.09375vw;
    margin-top: 0.4166666667vw;
  }
}

.source {
  background-color: #07513e;
  color: #fff;
  padding: 17.6630434783vw 0 13.5869565217vw;
}
@media screen and (min-width: 769px) {
  .source {
    padding: 10.4166666667vw 0 8.3333333333vw;
  }
}
.source_ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 4.0760869565vw !important;
}
@media screen and (min-width: 769px) {
  .source_ttl {
    margin-bottom: 2.34375vw !important;
  }
}
@media screen and (min-width: 769px) {
  .source_ttl span {
    padding-bottom: 0.2604166667vw;
  }
}
.source_ttl span img {
  width: 22.0108695652vw;
}
@media screen and (min-width: 769px) {
  .source_ttl span img {
    width: 11.7708333333vw;
  }
}
.source_ttl strong {
  font-size: 8.152173913vw;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .source_ttl strong {
    font-size: 3.75vw;
  }
}
.source_mv {
  width: 81.5217391304vw;
  margin: 12.2282608696vw auto 7.6086956522vw;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .source_mv {
    width: 62.5vw;
    margin: 4.1666666667vw auto 5.7291666667vw;
  }
}
.source_mv:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(182, 147, 24) 0%, rgb(248, 235, 140) 50%, rgb(182, 147, 24) 100%);
  position: absolute;
  top: -2.0380434783vw;
  left: -2.0380434783vw;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .source_mv:before {
    top: -1.5625vw;
    left: -1.5625vw;
  }
}
.source h3 {
  text-align: center;
  font-size: 8.152173913vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: fit-content;
  margin: 0 auto 6.1141304348vw;
  border-bottom: 1px solid #fff;
  padding: 0 2.1739130435vw;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .source h3 {
    font-size: 3.125vw;
    margin: 0 auto 3.125vw;
    padding: 0 1.0416666667vw;
  }
}
.source h4 {
  font-size: 4.0760869565vw;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 5.4347826087vw;
}
@media screen and (min-width: 769px) {
  .source h4 {
    font-size: 1.875vw;
    margin-bottom: 1.8229166667vw;
  }
}
.source_txt {
  font-size: 2.9891304348vw;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .source_txt {
    font-size: 1.3541666667vw;
  }
}
.source .article_ttl {
  margin-top: 24.4565217391vw !important;
}
@media screen and (min-width: 769px) {
  .source .article_ttl {
    margin-top: 15.625vw !important;
  }
}
.source .article_ttl span img {
  width: 17.3913043478vw;
}
@media screen and (min-width: 769px) {
  .source .article_ttl span img {
    width: 9.2708333333vw;
  }
}
.source_bnr {
  text-align: center;
  margin-top: 9.5108695652vw;
}
@media screen and (min-width: 769px) {
  .source_bnr {
    margin-top: 4.4270833333vw;
  }
}
.source_bnr img {
  width: 76.0869565217vw;
}
@media screen and (min-width: 769px) {
  .source_bnr img {
    width: 42.1875vw;
  }
}
.source .arrow_link {
  padding-left: 4.0760869565vw;
}
@media screen and (min-width: 769px) {
  .source .arrow_link {
    margin-top: 2.6041666667vw;
    padding-left: 1.5625vw;
  }
}

.anime:not(.story_item) {
  opacity: 0;
  transform: translateY(0.5em);
  transition: 0.6s;
}
.anime:not(.story_item).is-active {
  opacity: 1;
  transform: translateY(0);
}
.anime.story_item dt {
  opacity: 0;
  transform: translateY(0.5em);
  transition: 0.6s ease-in;
}
.anime.story_item dd {
  opacity: 0;
  transform: translateY(0.5em);
  transition: 0.6s ease-in 0.4s;
}
.anime.story_item.is-active dt, .anime.story_item.is-active dd {
  opacity: 1;
  transform: translateY(0);
}

.yurayura {
  animation: yurayura 0.8s linear infinite alternate forwards;
}

@keyframes yurayura {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(2deg);
  }
}
footer {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .btn_wrap {
    padding-right: 3.125vw;
    margin-top: auto;
  }
}
@media screen and (max-width: 768px) {
  .btn_wrap .arrow_link {
    margin-left: 0;
    margin-top: 5.4347826087vw;
    font-size: 3.2608695652vw;
    padding-left: 2.7173913043vw;
  }
}
@media screen and (min-width: 769px) {
  .btn_wrap .arrow_link {
    margin-right: 0;
    margin-top: 0;
  }
}/*# sourceMappingURL=papapt.css.map */