@charset "UTF-8";
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

main {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
}

h1, h2, h3, h4, h5, h6, p, div {
  overflow-wrap: break-word;
}

img, video, canvas, svg {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button, textarea, select {
  font: inherit;
  vertical-align: middle;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

html {
  font-size: 62.5%;
}

body {
  color: #231815;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.82;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.6428;
  }
}

*,
*::before,
*::after {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.15em;
}

a {
  color: #000;
  text-decoration: none;
}

span {
  letter-spacing: inherit;
}

@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

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

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

.ib {
  display: inline-block;
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

.font-mincho {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.c-white {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-whitePc {
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .c-whiteSp {
    color: #fff;
  }
}

.inner {
  width: 78%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .inner {
    width: 89.4%;
  }
}
@media screen and (min-width: 768px) {
  .inner-pc {
    width: 78%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
.inner-sp {
  width: 89.4%;
  margin-left: auto;
  margin-right: auto;
}

.fadeIn {
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.fadeIn.on {
  opacity: 1;
}

_::-webkit-full-page-media,
_:future,
:root .rotate {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 17px;
  height: 17px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  _::-webkit-full-page-media,
  _:future,
  :root .rotate {
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  background-color: #ccc;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (hover: hover) {
  .mv {
    height: 100vh !important;
  }
}
.mv_logo {
  width: 18.125vw;
  position: absolute;
  top: 56px;
  left: 5.15%;
}
@media screen and (max-width: 767px) {
  .mv_logo {
    width: 42.6666666667vw;
    max-width: 161px;
    top: 22px;
    left: 5.3%;
  }
}
.mv_logo img {
  width: 100%;
}
.mv_read {
  font-size: max(40px, 3.33984375vw);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-shadow: 0 0 19px #fff, 0 0 19px #fff, 0 0 19px #fff;
  -webkit-transform: translateY(7.5%);
          transform: translateY(7.5%);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .mv_read {
    font-size: 7.2vw;
    text-shadow: none;
    line-height: 1.29629;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    position: absolute;
    top: 46vw;
    left: 5.3%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.mv_read ._num {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  letter-spacing: 0;
  line-height: 1.1;
}
.mv_read ._en {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: -1vw;
  -webkit-transform: translateX(4%);
          transform: translateX(4%);
}
.mv_placeBox {
  color: #fff;
  position: absolute;
  left: 5.15%;
  bottom: 60px;
}
@media screen and (max-width: 767px) {
  .mv_placeBox {
    left: 5.3%;
    bottom: 28px;
  }
}
.mv_place span {
  position: relative;
  display: block;
  padding-bottom: 0.78125vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mv_place span {
    padding-bottom: 3.2vw;
  }
}
.mv_place span:nth-child(1) {
  font-size: 3.09375vw;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .mv_place span:nth-child(1) {
    font-size: 8.8vw;
  }
}
.mv_place span:nth-child(2) {
  margin-top: 0.78125vw;
  font-size: 4.59375vw;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .mv_place span:nth-child(2) {
    margin-top: 1.8666666667vw;
    font-size: 13.0666666667vw;
  }
}
.mv_place span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -2px;
}
@media screen and (max-width: 767px) {
  .mv_place span::after {
    height: 2;
    bottom: -1px;
  }
}

.map {
  background: #2ea7e0;
  color: #fff;
}
.map > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .map > div {
    display: block;
    padding-top: 50px;
  }
}
.map h2 {
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 1.48;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .map h2 {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.52;
  }
}
.map p {
  letter-spacing: 0.04em;
  text-align: justify;
}
.map_imgBox {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .map_imgBox {
    width: 100%;
    text-align: center;
  }
}
.map_contBox {
  width: 46%;
  max-width: 406px;
}
@media screen and (max-width: 767px) {
  .map_contBox {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
.map_linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 660px;
  margin: 90px auto 0;
}
@media screen and (max-width: 767px) {
  .map_linkBox {
    margin-top: 28px;
  }
}
.map_linkBox a {
  display: block;
  width: calc((100% - 20px) / 2);
  background: #fff;
  color: #2ea7e0;
  font-size: 24px;
  line-height: 76px;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .map_linkBox a {
    width: calc((100% - 12px) / 2);
    font-size: 21px;
  }
}

.arrow {
  padding: 125px 0 120px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .arrow {
    padding: 35px 0 44px;
  }
}
@media screen and (max-width: 767px) {
  .arrow img {
    width: 62px;
  }
}

.day_mv,
.report_mv,
.recommendedBEER_mv {
  position: relative;
}
.day_mv picture,
.day_mv img,
.report_mv picture,
.report_mv img,
.recommendedBEER_mv picture,
.recommendedBEER_mv img {
  width: 100%;
}
.day_mv_ttl,
.report_mv_ttl,
.recommendedBEER_mv_ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 3.906vw;
  line-height: 1.4;
  letter-spacing: 0.06em;
  word-break: keep-all;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .day_mv_ttl,
  .report_mv_ttl,
  .recommendedBEER_mv_ttl {
    font-size: min(8vw, 40px);
    line-height: 1.3;
  }
}
.day1 .day_mv_ttl,
.day1 .report_mv_ttl,
.day1 .recommendedBEER_mv_ttl {
  left: 25%;
  -webkit-transform: translateY(64%);
          transform: translateY(64%);
}
@media screen and (max-width: 767px) {
  .day1 .day_mv_ttl,
  .day1 .report_mv_ttl,
  .day1 .recommendedBEER_mv_ttl {
    left: auto;
    right: 50%;
  }
}
.day2 .day_mv_ttl,
.day2 .report_mv_ttl,
.day2 .recommendedBEER_mv_ttl {
  right: 23%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media screen and (max-width: 767px) {
  .day2 .day_mv_ttl,
  .day2 .report_mv_ttl,
  .day2 .recommendedBEER_mv_ttl {
    right: 20%;
    -webkit-transform: translateY(74.5%);
            transform: translateY(74.5%);
  }
}
.day_mv_ttl ._num,
.report_mv_ttl ._num,
.recommendedBEER_mv_ttl ._num {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  letter-spacing: 0;
  line-height: 1.1;
}
.day_mv_ttl ._en,
.report_mv_ttl ._en,
.recommendedBEER_mv_ttl ._en {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: -1vw;
  -webkit-transform: translateX(4%);
          transform: translateX(4%);
}
.day_readBox,
.report_readBox,
.recommendedBEER_readBox {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 24.6vw;
}
@media screen and (max-width: 767px) {
  .day_readBox,
  .report_readBox,
  .recommendedBEER_readBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 400px;
    margin-top: 65.86vw;
  }
}
.day_readBox p,
.report_readBox p,
.recommendedBEER_readBox p {
  height: 330px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: justify;
  line-height: 2.1;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .day_readBox p,
  .report_readBox p,
  .recommendedBEER_readBox p {
    height: 245px;
    line-height: 1.7857;
  }
}
@media screen and (max-width: 767px) {
  .day_readBox p + p,
  .report_readBox p + p,
  .recommendedBEER_readBox p + p {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .day1 .day_readBox p:nth-child(2),
  .day1 .report_readBox p:nth-child(2),
  .day1 .recommendedBEER_readBox p:nth-child(2) {
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .day2 .day_readBox p:nth-child(1),
  .day2 .report_readBox p:nth-child(1),
  .day2 .recommendedBEER_readBox p:nth-child(1) {
    margin-right: auto;
  }
}
.day2 .day_readBox,
.day2 .report_readBox,
.day2 .recommendedBEER_readBox {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.day_readBox ._num,
.report_readBox ._num,
.recommendedBEER_readBox ._num {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  letter-spacing: 0;
  line-height: 1.1;
}
.day_readBox ._en,
.report_readBox ._en,
.recommendedBEER_readBox ._en {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: -1vw;
  -webkit-transform: translateX(4%);
          transform: translateX(4%);
}
.day_container,
.report_container,
.recommendedBEER_container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: clamp(15px, 1.328125vw, 17px);
}
@media screen and (max-width: 767px) {
  .day_container,
  .report_container,
  .recommendedBEER_container {
    font-size: 14px;
  }
}
.day_read, .day_read-vertical,
.report_read-vertical,
.recommendedBEER_read-vertical,
.report_read,
.recommendedBEER_read {
  font-size: clamp(26px, 2.65625vw, 34px);
  line-height: 1.4705;
}
@media screen and (max-width: 767px) {
  .day_read, .day_read-vertical,
  .report_read-vertical,
  .recommendedBEER_read-vertical,
  .report_read,
  .recommendedBEER_read {
    font-size: min(5.6vw, 28px);
    line-height: 1.523;
  }
}
.day_read-vertical,
.report_read-vertical,
.recommendedBEER_read-vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}
.day_read ._en, .day_read-vertical ._en,
.report_read ._en,
.report_read-vertical ._en,
.recommendedBEER_read ._en,
.recommendedBEER_read-vertical ._en {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: -1vw;
  -webkit-transform: translateX(4%);
          transform: translateX(4%);
}
.day_read ._num, .day_read-vertical ._num,
.report_read ._num,
.report_read-vertical ._num,
.recommendedBEER_read ._num,
.recommendedBEER_read-vertical ._num {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  letter-spacing: 0;
  line-height: 1.1;
}
.day_text,
.report_text,
.recommendedBEER_text {
  text-align: justify;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .day_text,
  .report_text,
  .recommendedBEER_text {
    font-size: clamp(14px, 3.7333333333vw, 17px);
  }
}
.day_textMin,
.report_textMin,
.recommendedBEER_textMin {
  font-size: clamp(13px, 1.171875vw, 15px);
  line-height: 1.533;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .day_textMin,
  .report_textMin,
  .recommendedBEER_textMin {
    font-size: clamp(12px, 3.2vw, 15px);
    line-height: 1.5;
  }
}

.gift {
  margin-top: 240px;
  background: rgba(46, 168, 224, 0.2);
}
@media screen and (max-width: 767px) {
  .gift {
    margin-top: 120px;
  }
}
.gift::before {
  content: "";
  display: block;
  width: 100%;
  height: 74px;
  background: rgba(255, 255, 255, 0.2) url(../image/common/dot_bar.svg) center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .gift::before {
    background-image: url(../image/common/dot_bar_sp.svg);
  }
}
.gift_wrap {
  overflow: hidden;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .gift_wrap {
    padding-bottom: 30px;
  }
}
.gift_ttlBox {
  position: relative;
}
.gift_ttl {
  padding: 0 14px;
  color: #2ea7e0;
  font-size: 50px;
  font-weight: 500;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  position: absolute;
  top: -35px;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .gift_ttl {
    padding: 0;
    font-size: 30px;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    top: -30px;
  }
}
.gift_badge {
  position: absolute;
  top: -108px;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .gift_badge {
    width: 92px;
    top: -52px;
  }
}
.gift .inner {
  position: relative;
}
.gift_read {
  padding: 60px 0 30px 120px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .gift_read {
    padding: 30px 0 30px;
  }
}
.gift_container {
  font-size: 15px;
  line-height: 1.5333;
}
@media screen and (max-width: 560px) {
  .gift_container {
    font-size: 12px;
    line-height: 1.5;
  }
}
.gift_contTtl {
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 1.2857;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 560px) {
  .gift_contTtl {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.gift_contInfo {
  margin-top: 10px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.after {
  margin-top: 87px;
}
@media screen and (max-width: 767px) {
  .after {
    margin-top: 68px;
  }
}
.after_ttlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .after_ttlBox {
    display: block;
  }
}
.after_ttlBox-horizontal {
  display: block;
}
.after_ttlBox-horizontal .after_ttl {
  padding-right: 0;
  border-right: 0;
  border-bottom: 1px solid #231815;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  padding-bottom: 25px;
}
.after_ttlBox-horizontal .after_introBox {
  max-width: 100%;
  margin-top: 40px;
  padding-left: 0;
}
.after_ttl {
  border-right: 1px solid #231815;
  font-size: 50px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .after_ttl {
    padding-right: 0;
    padding-bottom: 12px;
    border-right: 0;
    border-bottom: 1px solid #231815;
    font-size: 30px;
    text-align: center;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}
.after_introBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 827px;
  padding-left: 40px;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .after_introBox {
    margin-top: 26px;
    padding-left: 0;
    padding-bottom: 40px;
  }
}
.after_introBox p {
  letter-spacing: 0.04em;
}
.after_introBox_read {
  margin-bottom: 15px;
  font-size: clamp(24px, 2.65625vw, 34px);
  line-height: 1.4705;
}
@media screen and (max-width: 767px) {
  .after_introBox_read {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.5238;
  }
}
.after_movie {
  width: 100%;
  padding-top: 56.25%;
  background: #dcdddd;
  position: relative;
}
.after_movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.after_linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-top: 56px;
}
@media screen and (max-width: 1000px) {
  .after_linkBox {
    gap: 14px;
    margin-top: 46px;
  }
}
.after_linkBox a {
  display: block;
  width: calc((100% - 32px) / 3);
  padding: 8px 0;
  background: #9fa0a0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .after_linkBox a {
    width: 100%;
    padding: 10px 0;
    font-size: 17px;
  }
}

.cooperation {
  margin-top: 170px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cooperation {
    margin-top: 70px;
  }
}
.cooperation > .inner {
  max-width: 998px;
}
.cooperation_ttl {
  font-size: 50px;
  line-height: 1;
  border-bottom: 1px solid #231815;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .cooperation_ttl {
    padding-bottom: 12px;
    font-size: 30px;
    text-align: center;
  }
}
.cooperation_list {
  margin-top: 57px;
  font-size: 15px;
  line-height: 1.53;
}
@media screen and (max-width: 767px) {
  .cooperation_list {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .cooperation_list {
    font-size: 12px;
    line-height: 1.5;
  }
}
.cooperation_list p {
  letter-spacing: 0.04em;
}
.cooperation_list ._imgBox {
  padding-top: 76.6055%;
  padding-top: 76.6055045872%;
  position: relative;
}
.cooperation_list ._imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.cooperation_list .font-mincho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.84em;
  margin: 10px 0;
  font-size: 19px;
  line-height: 1.42;
}
@media screen and (max-width: 767px) {
  .cooperation_list .font-mincho {
    font-size: 17px;
    line-height: 1.2941;
  }
}
.cooperation .splide {
  margin-top: 57px;
}
@media screen and (max-width: 767px) {
  .cooperation .splide {
    margin-top: 20px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .cooperation .splide__track {
    overflow: visible;
  }
}
.cooperation .splide__arrow {
  background: none;
  width: auto;
  height: auto;
  border-radius: 0;
  opacity: 1;
  top: 50px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .cooperation .splide__arrow {
    display: none;
  }
}
.cooperation .splide__arrow[disabled] {
  display: none;
}
.cooperation .splide__arrow--prev {
  left: -50px;
}
.cooperation .splide__arrow--next {
  right: -50px;
}

.footer {
  margin-top: 30px;
  padding: 50px 0 40px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 30px 0 10px;
  }
}
.footer .topto {
  position: absolute;
  top: 0;
  left: -45px;
}
@media screen and (max-width: 767px) {
  .footer .topto {
    top: 30px;
    left: auto;
    right: 0;
  }
}
.footer_logo {
  display: block;
  margin: 0 auto;
  width: 184px;
}
.footer_logo img {
  width: 100%;
}

:root {
  --font-noto: "Noto Sans JP", sans-serif;
  --font-hina: "Hina Mincho", serif;
  --font-cormorant: "Cormorant Garamond", serif;
}

@property --underline-alpha {
  syntax: "<number>";
  initial-value: 1;
  inherits: false;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li {
  margin: 0;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  padding: 0;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  width: 100%;
  display: block;
  height: auto;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*,
*::before,
*::after {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

body {
  color: #040000;
  letter-spacing: 0.04em;
  font-size: min(calc(17 / 1280 * 100vw), 17px);
}
@media screen and (max-width: 767px) {
  body {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.7857142857;
  }
}

/* pcの電話番号発信対応 */
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: all;
  }
}

.cooperation .splide__arrow {
  position: absolute;
  top: min(calc(85 / 1280 * 100vw), 1300px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cooperation_list p {
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .cooperation_list h3 {
    font-size: calc(16 / 375 * 100vw);
  }
  .cooperation_list p {
    font-size: calc(12 / 375 * 100vw);
  }
}

.vol21 {
  /* ===============================================
  # mv1
  =============================================== */
  /* ===============================================
  # mv2
  =============================================== */
  /* ===============================================
  # mv3
  =============================================== */
  /* ===============================================
  # column
  =============================================== */
  /* ===============================================
  # link
  =============================================== */
  /* ===============================================
  # movieSection
  =============================================== */
  /* ===============================================
  # nature
  =============================================== */
  /* ===============================================
  # nature1__media2
  =============================================== */
  /* ===============================================
  # nature2
  =============================================== */
  /* ===============================================
  # activity1
  =============================================== */
  /* ===============================================
  # people
  =============================================== */
  /* ===============================================
  # activity2
  =============================================== */
  /* ===============================================
  # bgWood
  =============================================== */
  /* ===============================================
  # gourmet
  =============================================== */
  /* ===============================================
  # sweets
  =============================================== */
  /* ===============================================
  # after
  =============================================== */
  /* ===============================================
  # 共通
  =============================================== */
}
.vol21 .mv21 {
  overflow-x: clip;
  height: 100vh;
  height: 100svh;
  width: 100%;
  position: relative;
  background-color: #25715D;
}
.vol21 .mv21.is-sticky-released .u-sticky {
  position: relative;
}
.vol21 .mv21__movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../image/vol21/mv1/mv1.svg);
          mask-image: url(../image/vol21/mv1/mv1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: min(calc(650 / 1280 * 100vw), 914.0625px) min(calc(610 / 1280 * 100vw), 857.8125px);
          mask-size: min(calc(650 / 1280 * 100vw), 914.0625px) min(calc(610 / 1280 * 100vw), 857.8125px);
  -webkit-mask-position: center;
          mask-position: center;
  overflow: hidden;
  -webkit-transition: -webkit-mask-size 0.8s ease-in-out, -webkit-mask-position 0.8s ease-in-out;
  transition: -webkit-mask-size 0.8s ease-in-out, -webkit-mask-position 0.8s ease-in-out;
  transition: mask-size 0.8s ease-in-out, mask-position 0.8s ease-in-out;
  transition: mask-size 0.8s ease-in-out, mask-position 0.8s ease-in-out, -webkit-mask-size 0.8s ease-in-out, -webkit-mask-position 0.8s ease-in-out;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .vol21 .mv21__movie {
    -webkit-mask-size: 80%;
            mask-size: 80%;
    -webkit-mask-size: calc(300 / 375 * 100vw) calc(281 / 375 * 100vw);
            mask-size: calc(300 / 375 * 100vw) calc(281 / 375 * 100vw);
    -webkit-mask-position: center calc(225 / 375 * 100vw);
            mask-position: center calc(225 / 375 * 100vw);
  }
}
.vol21 .mv21__movie::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(81, 141, 125, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
  pointer-events: none;
  z-index: 5;
}
.vol21 .mv21__movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 130%;
  height: 130%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .vol21 .mv21__movie iframe {
    width: 400%;
    height: 130%;
  }
}
.vol21 .mv21.is-scrolled {
  background-color: transparent;
  -webkit-transition: background-color 0.8s ease-in-out;
  transition: background-color 0.8s ease-in-out;
}
.vol21 .mv21.is-scrolled .mv21__movie {
  -webkit-mask-size: 250%;
          mask-size: 250%;
  -webkit-mask-size: min(calc(3250 / 1280 * 100vw), 4570.3125px) min(calc(3050 / 1280 * 100vw), 4289.0625px);
          mask-size: min(calc(3250 / 1280 * 100vw), 4570.3125px) min(calc(3050 / 1280 * 100vw), 4289.0625px);
  -webkit-transition: -webkit-mask-size 0.8s ease-in-out, -webkit-mask-position 0.8s ease-in-out;
  transition: -webkit-mask-size 0.8s ease-in-out, -webkit-mask-position 0.8s ease-in-out;
  transition: mask-size 0.8s ease-in-out, mask-position 0.8s ease-in-out;
  transition: mask-size 0.8s ease-in-out, mask-position 0.8s ease-in-out, -webkit-mask-size 0.8s ease-in-out, -webkit-mask-position 0.8s ease-in-out;
}
.vol21 .mv21.is-scrolled .mv21__movie::before {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .mv21.is-scrolled .mv21__movie {
    -webkit-mask-size: 450%;
            mask-size: 450%;
    -webkit-mask-size: calc(2100 / 375 * 100vw) calc(1967 / 375 * 100vw);
            mask-size: calc(2100 / 375 * 100vw) calc(1967 / 375 * 100vw);
    -webkit-mask-position: center calc(-260 / 375 * 100vw);
            mask-position: center calc(-260 / 375 * 100vw);
  }
}
.vol21 .u-sticky {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
}
.vol21 .u-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
}
.vol21 .mv1 {
  height: 100vh;
  height: 100svh;
  z-index: 10;
}
.vol21 .mv1__outer {
  position: relative;
  height: inherit;
}
.vol21 .mv1__wrap {
  width: min(calc(1140 / 1280 * 100vw), 1603.125px);
  margin-inline: auto;
  position: relative;
  height: min(calc(650 / 1280 * 100vw), 914.0625px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__wrap {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    width: 90%;
    padding-top: calc(25 / 375 * 100vw);
    height: 98vh;
    height: 98svh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.vol21 .mv1__logo {
  width: min(calc(231 / 1280 * 100vw), 324.84375px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__logo {
    width: calc(100 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .mv1__vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  color: #fff;
  font-family: var(--font-hina);
  font-size: min(calc(35 / 1280 * 100vw), 49.21875px);
  line-height: 1.9142857143;
  letter-spacing: 0.2em;
  position: absolute;
  top: min(calc(35 / 1280 * 100vw), 49.21875px);
  right: min(calc(70 / 1280 * 100vw), 98.4375px);
  padding-right: min(calc(20 / 1280 * 100vw), 28.125px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__vertical {
    position: relative;
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.8;
    top: auto;
    right: auto;
    padding-left: 0;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    text-orientation: unset;
    margin-top: calc(30 / 375 * 100vw);
    text-align: center;
  }
}
.vol21 .mv1__vertical span {
  border-right: 2px solid #99A070;
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__vertical span {
    border-bottom: 1px solid #99A070;
    border-right: none;
  }
}
.vol21 .mv1__movie {
  position: absolute;
  width: min(calc(650 / 1280 * 100vw), 914.0625px);
  height: min(calc(610 / 1280 * 100vw), 857.8125px);
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__movie {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    margin-top: calc(30 / 375 * 100vw);
    margin-inline: auto;
    width: calc(300 / 375 * 100vw);
    height: calc(281 / 375 * 100vw);
  }
}
.vol21 .mv1__movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  border: none;
  pointer-events: none;
}
.vol21 .mv1__titleBox {
  position: absolute;
  left: 0;
  top: min(calc(400 / 1280 * 100vw), 562.5px);
  padding-left: min(calc(78 / 1280 * 100vw), 109.6875px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__titleBox {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    margin-top: auto;
    margin-inline: auto;
    width: calc(300 / 375 * 100vw);
    padding-left: 0;
  }
}
.vol21 .mv1__titleBoxImg {
  width: min(calc(490 / 1280 * 100vw), 689.0625px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__titleBoxImg {
    width: calc(300 / 375 * 100vw);
  }
}
.vol21 .mv1__titleBoxTxt {
  color: #fff;
  font-family: var(--font-hina);
  font-size: min(calc(24 / 1280 * 100vw), 33.75px);
  line-height: 1.2;
  margin-top: min(calc(15 / 1280 * 100vw), 15px);
  letter-spacing: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__titleBoxTxt {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
    letter-spacing: 0.1em;
  }
}
.vol21 .mv1__titleBoxTxt::before {
  content: "";
  width: min(calc(10 / 1280 * 100vw), 10px);
  height: 1px;
  margin-right: min(calc(10 / 1280 * 100vw), 10px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .vol21 .mv1__titleBoxTxt::before {
    width: calc(10 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
}
.vol21 .mv2 {
  height: 100vh;
  height: 100svh;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.vol21 .c-mvBgVideo iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  border: none;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .vol21 .c-mvBgVideo iframe {
    width: 360%;
    height: 150%;
  }
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 0.5) {
  .vol21 .c-mvBgVideo iframe {
    width: 400%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) and (min-aspect-ratio: 0.6) {
  .vol21 .c-mvBgVideo iframe {
    width: 360%;
    height: 100%;
  }
}
.vol21 .mv2__outer {
  position: relative;
  height: inherit;
}
.vol21 .mv2__bg1 {
  position: absolute;
  width: min(calc(451 / 1280 * 100vw), 634.21875px);
  top: min(calc(-10 / 1280 * 100vw), -14.0625px);
  right: min(calc(-10 / 1280 * 100vw), -14.0625px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .mv2__bg1 {
    width: calc(364 / 375 * 100vw);
    position: relative;
    padding-top: calc(30 / 375 * 100vw);
    right: auto;
  }
}
.vol21 .mv2__textWrap {
  position: absolute;
  top: min(calc(150 / 1280 * 100vw), 182.8125px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .mv2__textWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.vol21 .mv2__title {
  font-size: min(calc(40 / 1280 * 100vw), 56.25px);
  line-height: 1.85;
  letter-spacing: 0.015em;
  text-align: center;
  color: #fff;
  font-family: var(--font-hina);
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .vol21 .mv2__title {
    font-size: calc(25 / 375 * 100vw);
    line-height: 1.8;
    width: 100%;
  }
}
.vol21 .mv2__title span {
  border-bottom: 2px solid #fff;
}
.vol21 .mv2__txt {
  font-size: min(calc(17 / 1280 * 100vw), 23.90625px);
  line-height: 3;
  text-align: center;
  color: #fff;
  margin-top: min(calc(45 / 1280 * 100vw), 63.28125px);
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .vol21 .mv2__txt {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
    width: calc(295 / 375 * 100vw);
    margin-inline: auto;
    line-height: 2.1428571429;
    margin-top: calc(40 / 375 * 100vw);
    letter-spacing: 0.01em;
  }
}
.vol21 .mv2__bg2 {
  position: absolute;
  width: min(calc(405 / 1280 * 100vw), 569.53125px);
  top: min(calc(50 / 1280 * 100vw), 70.3125px);
  left: min(calc(-18 / 1280 * 100vw), -25.3125px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .mv2__bg2 {
    width: calc(376 / 375 * 100vw);
    top: auto;
    left: auto;
    bottom: calc(-5 / 375 * 100vw);
    right: calc(-15 / 375 * 100vw);
  }
}
.vol21 .mv3 {
  height: 100vh;
  height: 100svh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.vol21 .mv3__video {
  width: 100%;
  height: 100vh;
  height: 100svh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.vol21 .mv3__outer {
  position: relative;
  height: inherit;
}
.vol21 .mv3__mediaWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(calc(990 / 1280 * 100vw), 1392.1875px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv3__mediaWrap {
    width: calc(335 / 375 * 100vw);
  }
}
.vol21 .mv3__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .vol21 .mv3__media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(28 / 375 * 100vw);
  }
}
.vol21 .mv3__contents {
  width: min(calc(570 / 1280 * 100vw), 801.5625px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv3__contents {
    width: 100%;
  }
}
.vol21 .mv3__title {
  font-size: min(calc(25 / 1280 * 100vw), 35.15625px);
  letter-spacing: 0.015em;
  line-height: 1.48;
  color: #fff;
  font-family: var(--font-hina);
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .vol21 .mv3__title {
    font-size: calc(19 / 375 * 100vw);
    line-height: 1.4210526316;
  }
}
.vol21 .mv3__txt {
  letter-spacing: 0.075em;
  color: #fff;
  margin-top: min(calc(30 / 1280 * 100vw), 42.1875px);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
  font-size: min(calc(17 / 1280 * 100vw), 23.90625px);
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .vol21 .mv3__txt {
    font-size: calc(14 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
    letter-spacing: 0.02em;
  }
}
.vol21 .mv3__img {
  width: min(calc(358 / 1280 * 100vw), 503.4375px);
}
@media screen and (max-width: 767px) {
  .vol21 .mv3__img {
    width: calc(210 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .column1 {
  width: 100%;
}
.vol21 .column1.--01 {
  padding-top: min(calc(90 / 1280 * 100vw), 90px);
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  .vol21 .column1.--01 {
    padding-top: calc(50 / 375 * 100vw);
  }
}
.vol21 .column1.--02 {
  margin-top: min(calc(64 / 1280 * 100vw), 64px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1.--02 {
    margin-top: max(calc(-14 / 375 * 100vw), -14px);
  }
}
.vol21 .column1.--03 {
  margin-block: min(calc(100 / 1280 * 100vw), 100px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1.--03 {
    margin-block: calc(48 / 375 * 100vw);
  }
}
.vol21 .column1.--04 {
  margin-top: min(calc(100 / 1280 * 100vw), 100px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .column1.--04 {
    margin-top: calc(32 / 375 * 100vw);
  }
}
.vol21 .column1.--05 {
  padding-top: min(calc(80 / 1280 * 100vw), 80px);
  padding-bottom: min(calc(150 / 1280 * 100vw), 150px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1.--05 {
    padding-top: calc(50 / 375 * 100vw);
    padding-bottom: calc(30 / 375 * 100vw);
  }
}
.vol21 .column1.--06 {
  margin-top: min(calc(100 / 1280 * 100vw), 100px);
  padding-bottom: min(calc(150 / 1280 * 100vw), 150px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1.--06 {
    margin-top: calc(32 / 375 * 100vw);
    padding-bottom: calc(80 / 375 * 100vw);
  }
}
.vol21 .column1.--bgGreen {
  background-color: #25715D;
}
.vol21 .column__bg {
  background: url(../image/vol21/column/bg1.avif) center center/cover no-repeat;
  padding-top: min(calc(46 / 1280 * 100vw), 46px);
  padding-bottom: min(calc(60 / 1280 * 100vw), 60px);
  border-radius: min(calc(70 / 1280 * 100vw), 70px);
}
@media screen and (max-width: 767px) {
  .vol21 .column__bg {
    background: url(../image/vol21/column/bg_sp1.avif) center center/cover no-repeat;
    padding-top: calc(25 / 375 * 100vw);
    padding-bottom: calc(50 / 375 * 100vw);
    border-radius: calc(40 / 375 * 100vw);
  }
}
.vol21 .column__bg.--02 {
  background: url(../image/vol21/column/bg2.avif) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column__bg.--02 {
    background: url(../image/vol21/column/bg_sp2.avif) center center/cover no-repeat;
  }
}
.vol21 .column__bg.--03 {
  background: url(../image/vol21/column/bg3.avif) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column__bg.--03 {
    background: url(../image/vol21/column/bg_sp3.avif) center center/cover no-repeat;
  }
}
.vol21 .column__bg.--04 {
  background: url(../image/vol21/column/bg4.avif) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column__bg.--04 {
    background: url(../image/vol21/column/bg_sp4.avif) center center/cover no-repeat;
  }
}
.vol21 .column__bg.--05 {
  background: url(../image/vol21/column/bg5.avif) center center/cover no-repeat;
  padding-bottom: min(calc(23 / 1280 * 100vw), 23px);
}
@media screen and (max-width: 767px) {
  .vol21 .column__bg.--05 {
    background: url(../image/vol21/column/bg_sp5.avif) center center/cover no-repeat;
    padding-bottom: 0;
  }
}
.vol21 .column__bg.--06 {
  background: url(../image/vol21/column/bg6.avif) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column__bg.--06 {
    background: url(../image/vol21/column/bg_sp6.avif) center center/cover no-repeat;
  }
}
.vol21 .column1__head {
  font-family: var(--font-cormorant);
  font-size: min(calc(20 / 1280 * 100vw), 20px);
  color: #99A070;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.85;
  text-align: center;
  text-decoration: underline;
  padding: 3px 10px;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__head {
    font-size: calc(14 / 375 * 100vw);
  }
}
.vol21 .column1__head.--yellow {
  color: #C7A75A;
}
.vol21 .column1__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(calc(58 / 1280 * 100vw), 58px);
  margin-top: min(calc(38 / 1280 * 100vw), 38px);
  padding-right: min(calc(165 / 1280 * 100vw), 165px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: calc(35 / 375 * 100vw);
    padding-right: 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}
.vol21 .column1__media2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: min(calc(395 / 1280 * 100vw), 395px);
  gap: min(calc(50 / 1280 * 100vw), 50px);
  margin-top: min(calc(38 / 1280 * 100vw), 38px);
  padding-right: min(calc(133 / 1280 * 100vw), 133px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: calc(30 / 375 * 100vw);
    padding-right: 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}
.vol21 .column1__media3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: min(calc(395 / 1280 * 100vw), 395px);
  gap: min(calc(90 / 1280 * 100vw), 90px);
  margin-top: min(calc(38 / 1280 * 100vw), 38px);
  padding-right: min(calc(140 / 1280 * 100vw), 140px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__media3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
    gap: calc(36 / 375 * 100vw);
    padding-right: 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}
.vol21 .column1__media4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(calc(60 / 1280 * 100vw), 60px);
  margin-top: min(calc(38 / 1280 * 100vw), 38px);
  padding-right: min(calc(140 / 1280 * 100vw), 140px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__media4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: 0;
    padding-right: 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}
.vol21 .column1__media6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(calc(55 / 1280 * 100vw), 55px);
  margin-top: min(calc(38 / 1280 * 100vw), 38px);
  padding-right: min(calc(140 / 1280 * 100vw), 140px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__media6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: 0;
    padding-right: 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}
.vol21 .column1__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(calc(50 / 1280 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(32 / 375 * 100vw);
  }
}
.vol21 .columnTitle {
  font-family: var(--font-hina);
  font-size: min(calc(25 / 1280 * 100vw), 25px);
  line-height: 1.74;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (max-width: 767px) {
  .vol21 .columnTitle {
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    text-orientation: unset;
    font-size: calc(19 / 375 * 100vw);
    text-align: center;
    line-height: 1.8421052632;
    letter-spacing: 0.015em;
  }
}
.vol21 .columnTitle span {
  border: min(calc(1.5 / 1280 * 100vw), 1.5px) solid #99A070;
  padding-inline: 3px;
}
@media screen and (max-width: 767px) {
  .vol21 .columnTitle span {
    padding-inline: 0;
  }
}
.vol21 .columnTitle .spaceNon {
  padding-inline: 0;
}
.vol21 .columnTitle.--yellow span {
  border: 1px solid #C7A75A;
}
.vol21 .column1__txt {
  color: #fff;
  letter-spacing: 0.01em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  line-height: 2.1176470588;
  text-align: justify;
  height: min(calc(395 / 1280 * 100vw), 395px);
}
.vol21 .column1__txt span {
  -webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__txt {
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    text-orientation: unset;
    line-height: 1.7857142857;
    letter-spacing: 0.025em;
    text-align: justify;
    height: auto;
  }
}
.vol21 .column1__txt.--ls75 {
  letter-spacing: 0.0075em;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__txt.--lsSp025 {
    letter-spacing: 0.025em;
  }
}
.vol21 .column1__txt.--ls-04 {
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__txt.--ls-04 {
    letter-spacing: 0;
  }
}
.vol21 .column1__txt.--height305 {
  height: min(calc(305 / 1280 * 100vw), 305px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__txt.--height305 {
    height: auto;
  }
}
.vol21 .column1__txt.--height395 {
  height: min(calc(395 / 1280 * 100vw), 395px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__txt.--height395 {
    height: auto;
  }
}
.vol21 .column1__img {
  width: min(calc(430 / 1280 * 100vw), 430px);
  padding-top: min(calc(40 / 1280 * 100vw), 40px);
}
.vol21 .column1__img img {
  border: 1px solid #99A070;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img {
    width: 100%;
    padding-top: 0;
  }
}
.vol21 .column1__img2 {
  width: min(calc(427 / 1280 * 100vw), 427px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img2 {
    width: calc(323 / 375 * 100vw);
    margin-left: auto;
  }
}
.vol21 .column1__img3 {
  width: min(calc(407 / 1280 * 100vw), 407px);
  margin-top: min(calc(25 / 1280 * 100vw), 25px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img3 {
    margin-top: calc(27 / 375 * 100vw);
    width: calc(313 / 375 * 100vw);
    margin-left: 0;
    margin-right: auto;
  }
}
.vol21 .column1__img4 {
  padding-top: min(calc(48 / 1280 * 100vw), 48px);
  width: min(calc(400 / 1280 * 100vw), 400px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img4 {
    padding-top: 0;
    width: 100%;
  }
}
.vol21 .column1__imgFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(172 / 1280 * 100vw), 172px);
  margin-top: min(calc(28 / 1280 * 100vw), 28px);
  padding-left: min(calc(151 / 1280 * 100vw), 151px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    gap: 0;
    margin-top: calc(35 / 375 * 100vw);
  }
}
.vol21 .column1__imgFlex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(97 / 1280 * 100vw), 97px);
  margin-top: max(calc(-35 / 375 * 100vw), -35px);
  padding-left: min(calc(85 / 1280 * 100vw), 85px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgFlex2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    gap: calc(24 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
  }
}
.vol21 .column1__imgWrap.--flex {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(45 / 1280 * 100vw), 45px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgWrap.--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.vol21 .column1__img5 {
  width: min(calc(255 / 1280 * 100vw), 255px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img5 {
    width: calc(198 / 375 * 100vw);
    margin-left: calc(27 / 375 * 100vw);
  }
}
.vol21 .column1__img5 img {
  z-index: 2;
  position: relative;
}
.vol21 .column1__img6 {
  width: min(calc(173 / 1280 * 100vw), 173px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img6 {
    margin-top: max(calc(-17 / 375 * 100vw), -17px);
    width: calc(173 / 375 * 100vw);
    margin-left: auto;
    margin-right: calc(20 / 375 * 100vw);
  }
}
.vol21 .column1__img6 img {
  z-index: 2;
  position: relative;
}
.vol21 .column1__imgTxt {
  display: inline-block;
  position: absolute;
  right: max(calc(-84 / 1280 * 100vw), -84px);
  font-size: min(calc(21 / 1280 * 100vw), 21px);
  font-family: var(--font-hina);
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.2857142857;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.5625;
  }
}
.vol21 .column1__imgTxt.--05 {
  bottom: min(calc(84 / 1280 * 100vw), 84px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt.--05 {
    bottom: auto;
    top: calc(67 / 375 * 100vw);
    right: max(calc(-67 / 375 * 100vw), -67px);
  }
}
.vol21 .column1__imgTxt.--06 {
  top: min(calc(102 / 1280 * 100vw), 102px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt.--06 {
    top: calc(85 / 375 * 100vw);
    right: auto;
    left: max(calc(-60 / 375 * 100vw), -60px);
  }
}
.vol21 .column1__imgTxt span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.vol21 .column1__imgTxt span::after {
  position: absolute;
  content: "";
  width: min(calc(180 / 1280 * 100vw), 180px);
  height: min(calc(2 / 1280 * 100vw), 2px);
  right: 0;
  bottom: max(calc(-10 / 1280 * 100vw), -10px);
  background-color: #C7A75A;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt span::after {
    width: calc(190 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    bottom: max(calc(-10 / 375 * 100vw), -10px);
    right: max(calc(-30 / 375 * 100vw), -30px);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt span.--left::after {
    left: max(calc(-30 / 375 * 100vw), -30px);
    bottom: max(calc(-20 / 375 * 100vw), -20px);
    right: auto;
  }
}
.vol21 .column1__imgTxt2 {
  font-size: min(calc(15 / 1280 * 100vw), 15px);
  line-height: 1.5333333333;
  letter-spacing: 0.075em;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: max(calc(-300 / 1280 * 100vw), -300px);
  width: min(calc(268 / 1280 * 100vw), 268px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt2 {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    position: relative;
    right: auto;
    width: 100%;
    margin-top: calc(15 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .column1__imgTxt2.--lsSp04 {
    letter-spacing: 0.04em;
  }
}
.vol21 .column1__img7 {
  width: min(calc(340 / 1280 * 100vw), 340px);
  padding-top: min(calc(30 / 1280 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img7 {
    margin-top: max(calc(-15 / 1280 * 100vw), -15px);
    width: calc(312 / 375 * 100vw);
    margin-left: auto;
    margin-right: calc(15 / 375 * 100vw);
    padding-top: 0;
  }
}
.vol21 .column1__img8 {
  width: min(calc(339 / 1280 * 100vw), 339px);
  padding-top: min(calc(30 / 1280 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img8 {
    width: calc(335 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .column1__img9 {
  width: min(calc(304 / 1280 * 100vw), 304px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img9 {
    width: calc(270 / 375 * 100vw);
    margin-left: auto;
    margin-right: calc(20 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img9::before {
    position: absolute;
    content: "";
    width: calc(50 / 375 * 100vw);
    height: calc(66 / 375 * 100vw);
    left: max(calc(-43 / 375 * 100vw), -43px);
    top: calc(10 / 375 * 100vw);
    background: url(../image/vol21/column/column11.svg) center center/contain no-repeat;
  }
}
.vol21 .column1__img10Wrap {
  position: relative;
}
.vol21 .column1__img10Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(80 / 1280 * 100vw), 80px);
  height: min(calc(106 / 1280 * 100vw), 106px);
  right: max(calc(-154 / 1280 * 100vw), -154px);
  top: min(calc(93 / 1280 * 100vw), 93px);
  background: url(../image/vol21/column/column11.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img10Wrap::before {
    display: none;
  }
}
.vol21 .column1__img10 {
  width: min(calc(340 / 1280 * 100vw), 340px);
  padding-top: min(calc(107 / 1280 * 100vw), 107px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img10 {
    padding-top: 0;
    width: calc(225 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .column1__img10::after {
  position: absolute;
  content: "";
  width: min(calc(300 / 1280 * 100vw), 300px);
  height: 2px;
  right: max(calc(-300 / 1280 * 100vw), -300px);
  bottom: min(calc(120 / 1280 * 100vw), 120px);
  background-color: #99A070;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img10::after {
    display: none;
  }
}
.vol21 .column1__img12 {
  width: min(calc(523 / 1280 * 100vw), 523px);
  padding-top: min(calc(30 / 1280 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img12 {
    width: calc(345 / 375 * 100vw);
    padding-top: 0;
    margin-left: calc(10 / 375 * 100vw);
    position: relative;
    bottom: max(calc(-38 / 375 * 100vw), -38px);
  }
}
.vol21 .column1__img13Wrap {
  width: min(calc(600 / 1280 * 100vw), 600px);
  margin-top: max(calc(-24 / 1280 * 100vw), -24px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img13Wrap {
    margin-top: 0;
  }
}
.vol21 .column1__img13 {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img13 {
    width: calc(300 / 375 * 100vw);
  }
}
.vol21 .column1__img13 img {
  position: relative;
  top: min(calc(40 / 1280 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img13 img {
    top: max(calc(-10 / 375 * 100vw), -10px);
    left: max(calc(-30 / 375 * 100vw), -30px);
  }
}
.vol21 .column1__img13::before {
  position: absolute;
  content: "";
  width: min(calc(115 / 1280 * 100vw), 115px);
  height: min(calc(30 / 1280 * 100vw), 30px);
  top: min(calc(73 / 1280 * 100vw), 73px);
  right: min(calc(90 / 1280 * 100vw), 90px);
  background: url(../image/vol21/column/title1.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img13::before {
    width: calc(120 / 375 * 100vw);
    height: calc(46 / 375 * 100vw);
    top: calc(80 / 375 * 100vw);
    right: max(calc(-10 / 375 * 100vw), -10px);
  }
}
.vol21 .column1__img13Contents {
  width: min(calc(203 / 1280 * 100vw), 203px);
  position: absolute;
  top: min(calc(145 / 1280 * 100vw), 145px);
  right: 0;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img13Contents {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
  }
}
.vol21 .column6Head {
  font-size: min(calc(21 / 1280 * 100vw), 21px);
  color: #fff;
  letter-spacing: 0.005em;
  line-height: 1.7142857143;
  text-align: justify;
  font-family: var(--font-hina);
}
@media screen and (max-width: 767px) {
  .vol21 .column6Head {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.6666666667;
  }
}
.vol21 .column6Txt {
  font-size: min(calc(15 / 1280 * 100vw), 15px);
  line-height: 1.5333333333;
  color: #fff;
  position: relative;
  margin-top: min(calc(35 / 1280 * 100vw), 35px);
  letter-spacing: 0.04em;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .column6Txt {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    margin-top: calc(28 / 375 * 100vw);
  }
}
.vol21 .column6Txt::before {
  position: absolute;
  content: "";
  width: min(calc(327 / 1280 * 100vw), 327px);
  height: 2px;
  top: max(calc(-13 / 1280 * 100vw), -13px);
  background-color: #99A070;
}
@media screen and (max-width: 767px) {
  .vol21 .column6Txt::before {
    width: 100%;
    top: max(calc(-15 / 375 * 100vw), -15px);
  }
}
.vol21 .column6Txt.--01::before {
  right: 0;
}
.vol21 .column6Txt.--02::before {
  left: 0;
  width: min(calc(475 / 1280 * 100vw), 475px);
}
@media screen and (max-width: 767px) {
  .vol21 .column6Txt.--02::before {
    width: 100%;
  }
}
.vol21 .column6Txt.--03::before {
  right: 0;
  width: min(calc(475 / 1280 * 100vw), 475px);
}
@media screen and (max-width: 767px) {
  .vol21 .column6Txt.--03::before {
    width: 100%;
  }
}
.vol21 .column1__img14Wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: min(calc(45 / 1280 * 100vw), 45px);
  margin-left: auto;
  margin-right: min(calc(202 / 1280 * 100vw), 202px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img14Wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(90 / 375 * 100vw);
    margin-inline: auto;
    gap: calc(18 / 375 * 100vw);
  }
}
.vol21 .column1__img14 {
  width: min(calc(512 / 1280 * 100vw), 512px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img14 {
    width: calc(327 / 375 * 100vw);
  }
}
.vol21 .column1__img14::before {
  position: absolute;
  content: "";
  width: min(calc(177 / 1280 * 100vw), 177px);
  height: min(calc(78 / 1280 * 100vw), 78px);
  top: min(calc(20 / 1280 * 100vw), 20px);
  left: max(calc(-180 / 1280 * 100vw), -180px);
  background: url(../image/vol21/column/title2.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img14::before {
    width: calc(228 / 375 * 100vw);
    height: calc(61 / 375 * 100vw);
    top: max(calc(-65 / 375 * 100vw), -65px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../image/vol21/column/title_sp2.svg) center center/contain no-repeat;
  }
}
.vol21 .column1__img14Contents {
  width: min(calc(378 / 1280 * 100vw), 378px);
  margin-top: max(calc(138 / 1280 * 100vw), 138px);
  margin-right: max(calc(-10 / 1280 * 100vw), -10px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img14Contents {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
  }
}
.vol21 .column1__img15Wrap {
  margin-top: min(calc(78 / 1280 * 100vw), 78px);
  margin-left: min(calc(237 / 1280 * 100vw), 237px);
  width: min(calc(875 / 1280 * 100vw), 875px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img15Wrap {
    margin-top: calc(90 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .column1__img15 {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img15 {
    width: calc(300 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .column1__img15::before {
  position: absolute;
  content: "";
  width: min(calc(191 / 1280 * 100vw), 191px);
  height: min(calc(56 / 1280 * 100vw), 56px);
  top: max(calc(-10 / 1280 * 100vw), -10px);
  right: min(calc(228 / 1280 * 100vw), 228px);
  background: url(../image/vol21/column/title3.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img15::before {
    width: calc(191 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
    top: max(calc(-60 / 375 * 100vw), -60px);
    right: calc(55 / 375 * 100vw);
  }
}
.vol21 .column1__img15Contents {
  width: min(calc(367 / 1280 * 100vw), 367px);
  position: absolute;
  bottom: min(calc(72 / 1280 * 100vw), 72px);
  right: min(calc(68 / 1280 * 100vw), 68px);
}
@media screen and (max-width: 767px) {
  .vol21 .column1__img15Contents {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
  }
}
.vol21 .column1__btn {
  margin-top: min(calc(35 / 1280 * 100vw), 35px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .column1__btn {
    margin-top: calc(45 / 375 * 100vw);
  }
}
.vol21 .link {
  background-color: #25715D;
  margin-top: -1px;
  padding-block: min(calc(100 / 1280 * 100vw), 100px);
}
.vol21 .link__inner {
  width: min(calc(1000 / 1280 * 100vw), 1000px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .link__inner {
    width: calc(335 / 375 * 100vw);
  }
}
.vol21 .link__title {
  font-family: var(--font-hina);
  font-size: min(calc(40 / 1280 * 100vw), 40px);
  line-height: 1.85;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .vol21 .link__title {
    font-size: calc(25 / 375 * 100vw);
    line-height: 1.8;
  }
}
.vol21 .link__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(calc(40 / 1280 * 100vw), 40px);
  margin-top: min(calc(32 / 1280 * 100vw), 32px);
}
@media screen and (max-width: 767px) {
  .vol21 .link__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(28 / 375 * 100vw) calc(20 / 375 * 100vw);
    margin-top: calc(25 / 375 * 100vw);
  }
}
.vol21 .link__item {
  display: block;
  position: relative;
}
.vol21 .link__itemBox {
  position: absolute;
  top: min(calc(100 / 1280 * 100vw), 100px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemBox {
    top: calc(70 / 375 * 100vw);
  }
}
.vol21 .link__itemBox.--04 {
  top: min(calc(95 / 1280 * 100vw), 95px);
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemBox.--04 {
    top: calc(55 / 375 * 100vw);
  }
}
.vol21 .link__itemTitle.--01 {
  width: min(calc(98 / 1280 * 100vw), 98px);
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemTitle.--01 {
    width: calc(83 / 375 * 100vw);
  }
}
.vol21 .link__itemTitle.--02 {
  width: min(calc(122 / 1280 * 100vw), 122px);
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemTitle.--02 {
    width: calc(102 / 375 * 100vw);
  }
}
.vol21 .link__itemTitle.--03 {
  width: min(calc(121 / 1280 * 100vw), 121px);
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemTitle.--03 {
    width: calc(102 / 375 * 100vw);
  }
}
.vol21 .link__itemTitle.--04 {
  width: min(calc(122 / 1280 * 100vw), 122px);
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemTitle.--04 {
    width: calc(102 / 375 * 100vw);
  }
}
.vol21 .link__itemTxt {
  font-family: var(--font-hina);
  font-size: min(calc(13 / 1280 * 100vw), 13px);
  letter-spacing: 0.02em;
  line-height: 2.4615384615;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-wrap: nowrap;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemTxt {
    font-size: calc(11 / 375 * 100vw);
    line-height: 2.2727272727;
  }
}
.vol21 .link__itemTxt::before {
  content: "";
  width: min(calc(7 / 1280 * 100vw), 7px);
  height: 1px;
  margin-right: min(calc(5 / 1280 * 100vw), 5px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .vol21 .link__itemTxt::before {
    width: calc(7 / 375 * 100vw);
    height: 1px;
    margin-right: calc(5 / 375 * 100vw);
  }
}
.vol21 .movieSection {
  width: 100%;
  height: 250vh;
  position: relative;
}
.vol21 .movieSection::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(35, 67, 39, 0.6);
  z-index: 1;
}
.vol21 .movieSection__movie {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.vol21 .movieSection__movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 150%;
  height: 130%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__movie iframe {
    width: 400%;
    height: 150%;
  }
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 0.5) {
  .vol21 .movieSection__movie iframe {
    width: 450%;
    height: 150%;
  }
}
@media screen and (max-width: 767px) and (min-aspect-ratio: 0.6) {
  .vol21 .movieSection__movie iframe {
    width: 420%;
    height: 150%;
  }
}
.vol21 .movieSection__wrap {
  margin-top: -100vh;
  height: 100vh;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.vol21 .movieSection__wrap > * {
  pointer-events: auto;
}
.vol21 .movieSection__box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.vol21 .movieSection__box.--02 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__box.--02 {
    width: calc(260 / 375 * 100vw);
  }
}
.vol21 .movieSection__title.--01 {
  width: min(calc(285 / 1280 * 100vw), 285px);
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__title.--01 {
    width: calc(200 / 375 * 100vw);
  }
}
.vol21 .movieSection__title.--02 {
  width: min(calc(350 / 1280 * 100vw), 350px);
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__title.--02 {
    width: calc(244 / 375 * 100vw);
  }
}
.vol21 .movieSection__title.--03 {
  width: min(calc(350 / 1280 * 100vw), 350px);
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__title.--03 {
    width: calc(245 / 375 * 100vw);
  }
}
.vol21 .movieSection__title.--04 {
  width: min(calc(700 / 1280 * 100vw), 700px);
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__title.--04 {
    width: calc(247 / 375 * 100vw);
  }
}
.vol21 .movieSection__txt {
  font-family: var(--font-hina);
  font-size: min(calc(24 / 1280 * 100vw), 24px);
  letter-spacing: 0.02em;
  line-height: 2.4615384615;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-wrap: nowrap;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__txt {
    font-size: calc(19 / 375 * 100vw);
    line-height: 2.7894736842;
  }
}
.vol21 .movieSection__txt::before {
  content: "";
  width: min(calc(15 / 1280 * 100vw), 15px);
  height: 1px;
  margin-right: min(calc(10 / 1280 * 100vw), 10px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__txt::before {
    width: calc(12 / 375 * 100vw);
    height: 1px;
    margin-right: calc(10 / 375 * 100vw);
  }
}
.vol21 .movieSection__txtJa {
  font-size: min(calc(19 / 1280 * 100vw), 19px);
  line-height: 2.1052631579;
  color: #fff;
  letter-spacing: 0.075em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__txtJa {
    font-size: calc(14 / 375 * 100vw);
    line-height: 2.2142857143;
    text-align: left;
  }
}
.vol21 .movieSection__txtEn {
  font-family: var(--font-hina);
  font-size: min(calc(19 / 1280 * 100vw), 19px);
  line-height: 1.6315789474;
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: min(calc(50 / 1280 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__txtEn {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
    line-height: 1.7857142857;
    margin-top: calc(40 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__txtEn.--ls04 {
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .movieSection__txtEn.--noSpace {
    white-space: nowrap;
  }
}
.vol21 .js-movieSectionTarget1 {
  z-index: 2;
}
.vol21 .js-movieSectionTarget2 {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.vol21 .commonContents__title {
  font-size: min(calc(35 / 1280 * 100vw), 35px);
  line-height: 1.6;
  letter-spacing: 0.01em;
  font-family: var(--font-hina);
  color: #67703D;
}
@media screen and (max-width: 767px) {
  .vol21 .commonContents__title {
    font-size: calc(21 / 375 * 100vw);
    line-height: 1.5238095238;
    letter-spacing: 0.015em;
  }
}
.vol21 .commonContents__title.--brown {
  color: #ABA295;
}
.vol21 .commonContents__title.--green {
  color: #2E5934;
}
.vol21 .commonContents__title.--pink {
  color: #B3785D;
}
.vol21 .commonContents__txt {
  margin-top: min(calc(40 / 1280 * 100vw), 40px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .commonContents__txt {
    margin-top: calc(24 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .commonContents__txt.--lsSp02 {
    letter-spacing: 0.02em;
  }
}
.vol21 .commonContents__txt.--white {
  color: #fff;
}
.vol21 .commonNoteTitle {
  font-size: min(calc(21 / 1280 * 100vw), 21px);
  line-height: 1.2857142857;
  letter-spacing: -0.05em;
  font-family: var(--font-hina);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteTitle {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.3333333333;
  }
}
.vol21 .commonNoteTitle.--green {
  color: #2E5934;
}
.vol21 .commonNote {
  font-size: min(calc(15 / 1280 * 100vw), 15px);
  line-height: 1.5333333333;
  letter-spacing: 0.04em;
  color: #67703D;
  width: min(calc(226 / 1280 * 100vw), 226px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNote {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    width: calc(135 / 375 * 100vw);
  }
}
.vol21 .commonNote.--green {
  color: #2E5934;
}
.vol21 .commonNote.--green span {
  text-align: justify;
}
.vol21 .commonNote.--borderTop span {
  position: relative;
  display: inline-block;
}
.vol21 .commonNote.--borderTop span::before {
  position: absolute;
  content: "";
  width: min(calc(315 / 1280 * 100vw), 315px);
  height: min(calc(9 / 1280 * 100vw), 9px);
  right: 0;
  top: max(calc(-20 / 1280 * 100vw), -20px);
  background: url(../image/vol21/common/bar_green.png) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .commonNote.--borderTop span::before {
    width: calc(172 / 375 * 100vw);
    top: calc(-15 / 375 * 100vw);
    height: calc(11 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow {
  color: #C7A75A;
  font-family: var(--font-hina);
  font-size: min(calc(17 / 1280 * 100vw), 17px);
  line-height: 1.8235294118;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.6666666667;
    letter-spacing: 0;
  }
}
.vol21 .commonNoteYellow.--title {
  color: #99A070;
}
.vol21 .commonNoteYellow.--lsMinus3 {
  letter-spacing: -0.03em;
}
.vol21 .commonNoteYellow.--borderTop span {
  position: relative;
  display: inline-block;
}
.vol21 .commonNoteYellow.--borderTop span::before {
  position: absolute;
  content: "";
  width: min(calc(262 / 1280 * 100vw), 262px);
  height: min(calc(11 / 1280 * 100vw), 11px);
  left: 0;
  top: max(calc(-20 / 1280 * 100vw), -20px);
  background-color: #C7A75A;
  background: url(../image/vol21/common/bar.png) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--borderTop span::before {
    width: calc(172 / 375 * 100vw);
    top: calc(-15 / 375 * 100vw);
    height: calc(11 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--borderBottom span {
  position: relative;
  display: inline-block;
}
.vol21 .commonNoteYellow.--borderBottom span::before {
  position: absolute;
  content: "";
  width: min(calc(247 / 1280 * 100vw), 247px);
  height: min(calc(10 / 1280 * 100vw), 10px);
  left: 0;
  bottom: max(calc(-20 / 1280 * 100vw), -20px);
  background: url(../image/vol21/common/bar.png) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--borderBottom span::before {
    width: calc(149 / 375 * 100vw);
    bottom: max(calc(-15 / 375 * 100vw), -15px);
    height: calc(7 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--borderYellow span::before {
  background: url(../image/vol21/common/bar_yellow.png) center center/contain no-repeat;
}
.vol21 .commonNoteYellow.--reverse span::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  left: auto;
  right: 0;
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--reverse span::before {
    bottom: max(calc(-15 / 375 * 100vw), -15px);
    height: calc(7 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--spReverse span::before {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    left: auto;
    right: 0;
  }
}
.vol21 .commonNoteYellow.--width180 span::before {
  width: min(calc(180 / 1280 * 100vw), 180px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width180 span::before {
    width: calc(118 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width204 span::before {
  width: min(calc(204 / 1280 * 100vw), 204px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width204 span::before {
    width: calc(156 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width222 span::before {
  width: min(calc(222 / 1280 * 100vw), 222px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width222 span::before {
    width: calc(156 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width245 span::before {
  width: min(calc(245 / 1280 * 100vw), 245px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width245 span::before {
    width: calc(154 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width254 span::before {
  width: min(calc(254 / 1280 * 100vw), 254px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width254 span::before {
    width: calc(156 / 375 * 100vw);
    height: calc(7 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width262 span::before {
  width: min(calc(262 / 1280 * 100vw), 262px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width262 span::before {
    width: calc(156 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width264 span::before {
  width: min(calc(264 / 1280 * 100vw), 264px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width264 span::before {
    width: calc(193 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width290 span::before {
  width: min(calc(290 / 1280 * 100vw), 290px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width290 span::before {
    width: calc(207 / 375 * 100vw);
  }
}
.vol21 .commonNoteYellow.--width300 span::before {
  width: min(calc(300 / 1280 * 100vw), 300px);
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--width300 span::before {
    width: calc(203 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--widthSp183 span::before {
    width: calc(183 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .commonNoteYellow.--widthSp220 span::before {
    width: calc(220 / 375 * 100vw);
  }
}
.vol21 .nature1 {
  padding-top: min(calc(60 / 1280 * 100vw), 60px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .vol21 .nature1 {
    padding-top: calc(60 / 375 * 100vw);
  }
}
.vol21 .nature1__img1 {
  width: min(calc(452 / 1280 * 100vw), 452px);
  margin-left: min(calc(380 / 1280 * 100vw), 380px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img1 {
    width: calc(300 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .nature1__media1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(71 / 1280 * 100vw), 71px);
  margin-left: min(calc(140 / 1280 * 100vw), 140px);
  margin-top: min(calc(-16 / 1280 * 100vw), -16px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__media1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(45 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .nature1__contents {
  width: min(calc(430 / 1280 * 100vw), 430px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__contents {
    width: 100%;
  }
}
.vol21 .nature1__contents2 {
  width: min(calc(472 / 1280 * 100vw), 472px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__contents2 {
    width: 100%;
  }
}
.vol21 .nature1__img2 {
  width: min(calc(660 / 1280 * 100vw), 660px);
  position: relative;
  right: min(calc(-15 / 1280 * 100vw), -15px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img2 {
    width: calc(435 / 375 * 100vw);
    right: auto;
    left: calc(-34 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img2 img {
    max-width: none;
  }
}
.vol21 .nature1__img3 {
  width: min(calc(692 / 1280 * 100vw), 692px);
  position: relative;
  left: min(calc(-15 / 1280 * 100vw), -15px);
  margin-top: max(calc(-120 / 1280 * 100vw), -120px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img3 {
    margin-top: calc(38 / 375 * 100vw);
    width: calc(418 / 375 * 100vw);
    left: calc(-68 / 375 * 100vw);
  }
}
.vol21 .nature1__media2 {
  margin-top: min(calc(116 / 1280 * 100vw), 116px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(36 / 1280 * 100vw), 36px);
  position: relative;
  left: max(calc(-60 / 1280 * 100vw), -60px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(100 / 375 * 100vw);
    left: 0;
    gap: calc(42 / 375 * 100vw);
  }
}
.vol21 .nature1__img4 {
  width: min(calc(688 / 1280 * 100vw), 688px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img4 {
    width: calc(452 / 375 * 100vw);
    margin-left: max(calc(-65 / 375 * 100vw), -65px);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img4 img {
    max-width: none;
  }
}
.vol21 .nature1__img5 {
  width: min(calc(404 / 1280 * 100vw), 404px);
  margin-top: max(calc(-85 / 1280 * 100vw), -85px);
  margin-right: min(calc(145 / 1280 * 100vw), 145px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img5 {
    margin-top: calc(50 / 375 * 100vw);
    width: calc(245 / 375 * 100vw);
    margin-right: max(calc(-22 / 375 * 100vw), -22px);
  }
}
.vol21 .nature1__img6Wrap {
  position: relative;
  margin-top: max(calc(-100 / 1280 * 100vw), -100px);
  margin-left: min(calc(145 / 1280 * 100vw), 145px);
  width: min(calc(660 / 1280 * 100vw), 660px);
  height: min(calc(530 / 1280 * 100vw), 530px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img6Wrap {
    margin-top: calc(40 / 375 * 100vw);
    width: calc(400 / 375 * 100vw);
    height: calc(321 / 375 * 100vw);
    margin-left: max(calc(-45 / 375 * 100vw), -45px);
  }
}
.vol21 .nature1__img6Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(275 / 1280 * 100vw), 275px);
  height: min(calc(268 / 1280 * 100vw), 268px);
  left: max(calc(-230 / 1280 * 100vw), -230px);
  top: min(calc(110 / 1280 * 100vw), 110px);
  background: url(../image/vol21/nature1/movie_deco1.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img6Wrap::before {
    left: calc(73 / 375 * 100vw);
    top: max(calc(-70 / 375 * 100vw), -70px);
    width: calc(107 / 375 * 100vw);
    height: calc(104 / 375 * 100vw);
  }
}
.vol21 .nature1__img6Txt {
  position: absolute;
  right: min(calc(408 / 1280 * 100vw), 408px);
  bottom: min(calc(53 / 1280 * 100vw), 53px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img6Txt {
    right: auto;
    left: calc(65 / 375 * 100vw);
    bottom: max(calc(-30 / 375 * 100vw), -30px);
  }
}
.vol21 .nature1__img7Wrap {
  position: relative;
  margin-top: max(calc(-300 / 1280 * 100vw), -300px);
  margin-right: max(calc(-82 / 1280 * 100vw), -82px);
  margin-left: auto;
  width: min(calc(400 / 1280 * 100vw), 400px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img7Wrap {
    margin-top: calc(35 / 375 * 100vw);
    margin-right: max(calc(-22 / 375 * 100vw), -22px);
    width: calc(250 / 375 * 100vw);
  }
}
.vol21 .nature1__img7Txt {
  position: absolute;
  left: max(calc(-112 / 1280 * 100vw), -112px);
  bottom: max(calc(-10 / 1280 * 100vw), -10px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img7Txt {
    left: max(calc(-120 / 375 * 100vw), -120px);
    bottom: calc(10 / 375 * 100vw);
  }
}
.vol21 .nature1__img8 {
  margin-top: max(calc(-21 / 1280 * 100vw), -21px);
  width: min(calc(721 / 1280 * 100vw), 721px);
  margin-left: auto;
  margin-right: min(calc(266 / 1280 * 100vw), 266px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature1__img8 {
    margin-top: calc(25 / 375 * 100vw);
    width: calc(288 / 375 * 100vw);
    margin-right: calc(35 / 375 * 100vw);
  }
}
.vol21 .nature2 {
  padding-top: min(calc(68 / 1280 * 100vw), 68px);
  overflow-x: clip;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2 {
    padding-top: calc(90 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .nature2::after {
    position: absolute;
    content: "";
    width: calc(145 / 375 * 100vw);
    height: calc(148 / 375 * 100vw);
    right: max(calc(-25 / 375 * 100vw), -25px);
    top: max(calc(-28 / 375 * 100vw), -28px);
    background: url(../image/vol21/nature2/nature_sp8.avif) center center/contain no-repeat;
    z-index: 1;
  }
}
.vol21 .nature2__media1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(54 / 1280 * 100vw), 54px);
  margin-left: auto;
  margin-right: min(calc(108 / 1280 * 100vw), 108px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__media1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(45 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .nature2__contents1 {
  padding-top: min(calc(58 / 1280 * 100vw), 58px);
  width: min(calc(430 / 1280 * 100vw), 430px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__contents1 {
    width: 100%;
    padding-top: 0;
  }
}
.vol21 .nature2__img1Wrap {
  width: min(calc(550 / 1280 * 100vw), 550px);
  height: min(calc(594 / 1280 * 100vw), 594px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img1Wrap {
    width: calc(350 / 375 * 100vw);
    height: calc(378 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-24 / 375 * 100vw), -24px);
  }
}
.vol21 .nature2__img1Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(179 / 1280 * 100vw), 179px);
  height: min(calc(179 / 1280 * 100vw), 179px);
  left: 0;
  top: 0;
  background: url(../image/vol21/nature2/movie_deco1.png) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img1Wrap::before {
    width: calc(107 / 375 * 100vw);
    height: calc(107 / 375 * 100vw);
    left: max(calc(-53 / 375 * 100vw), -53px);
  }
}
.vol21 .nature2__img1Wrap::after {
  position: absolute;
  content: "";
  width: min(calc(284 / 1280 * 100vw), 284px);
  height: min(calc(310 / 1280 * 100vw), 310px);
  right: max(calc(-140 / 1280 * 100vw), -140px);
  bottom: max(calc(-80 / 1280 * 100vw), -80px);
  background: url(../image/vol21/nature2/movie_deco2.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img1Wrap::after {
    display: none;
  }
}
.vol21 .nature2__img1 {
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img1 img {
    max-width: none;
  }
}
.vol21 .nature2__img2Wrap {
  margin-top: max(calc(-60 / 1280 * 100vw), -60px);
  margin-left: min(calc(407 / 1280 * 100vw), 407px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img2Wrap {
    margin-top: calc(54 / 375 * 100vw);
    margin-left: auto;
    margin-right: calc(22 / 375 * 100vw);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.vol21 .nature2__img2 {
  width: min(calc(400 / 1280 * 100vw), 400px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img2 {
    width: calc(250 / 375 * 100vw);
  }
}
.vol21 .nature2__img2Txt {
  position: absolute;
  left: max(calc(-173 / 1280 * 100vw), -173px);
  top: min(calc(60 / 1280 * 100vw), 60px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img2Txt {
    left: max(calc(-90 / 375 * 100vw), -90px);
    top: max(calc(-11 / 375 * 100vw), -11px);
  }
}
.vol21 .nature2__media2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(62 / 1280 * 100vw), 62px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-top: min(calc(126 / 1280 * 100vw), 126px);
  margin-left: max(calc(-80 / 1280 * 100vw), -80px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: calc(50 / 375 * 100vw);
    margin-top: calc(105 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .nature2__contents2 {
  padding-top: min(calc(18 / 1280 * 100vw), 18px);
  width: min(calc(560 / 1280 * 100vw), 560px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__contents2 {
    padding-top: 0;
    width: 100%;
  }
}
.vol21 .nature2__img3 {
  width: min(calc(602 / 1280 * 100vw), 602px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img3 {
    width: calc(389 / 375 * 100vw);
    margin-left: max(calc(-30 / 375 * 100vw), -30px);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img3 img {
    max-width: none;
  }
}
.vol21 .nature2__img3Wrap {
  margin-top: max(calc(-75 / 1280 * 100vw), -75px);
  margin-inline: auto;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img3Wrap {
    margin-top: calc(20 / 375 * 100vw);
    margin-right: 0;
    margin-left: calc(18 / 375 * 100vw);
  }
}
.vol21 .nature2__img4 {
  width: min(calc(454 / 1280 * 100vw), 454px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img4 {
    width: calc(200 / 375 * 100vw);
  }
}
.vol21 .nature2__img3Txt {
  position: absolute;
  right: max(calc(-158 / 1280 * 100vw), -158px);
  top: max(calc(-40 / 1280 * 100vw), -40px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img3Txt {
    right: max(calc(-134 / 375 * 100vw), -134px);
    top: calc(60 / 375 * 100vw);
  }
}
.vol21 .nature2__media3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(56 / 1280 * 100vw), 56px);
  position: relative;
  margin-left: auto;
  margin-right: min(calc(36 / 1280 * 100vw), 36px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__media3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: calc(68 / 375 * 100vw);
    gap: calc(26 / 375 * 100vw);
    margin-inline: auto;
    max-width: 100%;
  }
}
.vol21 .nature2__contents3 {
  padding-top: min(calc(178 / 1280 * 100vw), 178px);
  width: min(calc(398 / 1280 * 100vw), 398px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__contents3 {
    padding-top: 0;
    width: 100%;
  }
}
.vol21 .nature2__img5 {
  width: min(calc(650 / 1280 * 100vw), 650px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img5 {
    width: calc(400 / 375 * 100vw);
    margin-right: max(calc(-42 / 375 * 100vw), -42px);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img5 img {
    max-width: none;
  }
}
.vol21 .nature2__img67Wrap {
  margin-top: min(calc(48 / 1280 * 100vw), 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: min(calc(15 / 1280 * 100vw), 15px);
  margin-left: max(calc(-36 / 1280 * 100vw), -36px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img67Wrap {
    margin-top: calc(28 / 375 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: calc(64 / 375 * 100vw);
    margin-left: 0;
  }
}
.vol21 .nature2__img6Wrap {
  width: min(calc(660 / 1280 * 100vw), 660px);
  height: min(calc(530 / 1280 * 100vw), 530px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img6Wrap {
    width: calc(400 / 375 * 100vw);
    height: calc(321 / 375 * 100vw);
    margin-left: max(calc(-50 / 375 * 100vw), -50px);
  }
}
.vol21 .nature2__img6Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(232 / 1280 * 100vw), 232px);
  height: min(calc(207 / 1280 * 100vw), 207px);
  left: min(calc(147 / 1280 * 100vw), 147px);
  bottom: 0;
  background: url(../image/vol21/nature2/movie_deco3.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img6Wrap::before {
    width: calc(145 / 375 * 100vw);
    height: calc(131 / 375 * 100vw);
    left: calc(104 / 375 * 100vw);
    bottom: max(calc(-15 / 375 * 100vw), -15px);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img6 img {
    max-width: none;
  }
}
.vol21 .nature2__img7Wrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img7Wrap {
    margin-left: auto;
    margin-right: max(calc(-65 / 375 * 100vw), -65px);
  }
}
.vol21 .nature2__img7 {
  width: min(calc(505 / 1280 * 100vw), 505px);
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img7 {
    width: calc(341 / 375 * 100vw);
  }
}
.vol21 .nature2__img7Txt {
  position: absolute;
  left: min(calc(116 / 1280 * 100vw), 116px);
  bottom: max(calc(-37 / 1280 * 100vw), -37px);
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .nature2__img7Txt {
    left: max(calc(-55 / 375 * 100vw), -55px);
    bottom: 0;
  }
}
.vol21 .activity1 {
  padding-top: min(calc(133 / 1280 * 100vw), 133px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1 {
    padding-top: calc(60 / 375 * 100vw);
  }
}
.vol21 .activity1__order {
  display: contents;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.vol21 .activity1__flex1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(36 / 1280 * 100vw), 36px);
  margin-left: auto;
  margin-right: max(calc(-25 / 1280 * 100vw), -25px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__flex1 {
    display: contents;
  }
}
.vol21 .activity1__movie1Wrap {
  width: min(calc(660 / 1280 * 100vw), 660px);
  height: min(calc(530 / 1280 * 100vw), 530px);
  margin-top: min(calc(50 / 1280 * 100vw), 50px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movie1Wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(400 / 375 * 100vw);
    height: calc(321 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-48 / 375 * 100vw), -48px);
  }
}
.vol21 .activity1__movie1Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(232 / 1280 * 100vw), 232px);
  height: min(calc(207 / 1280 * 100vw), 207px);
  left: 0;
  bottom: min(calc(120 / 1280 * 100vw), 120px);
  background: url(../image/vol21/activity1/movie_deco1.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movie1Wrap::before {
    background: url(../image/vol21/activity1/movie_deco_sp1.svg) center center/contain no-repeat;
    bottom: calc(10 / 375 * 100vw);
    left: max(calc(-50 / 375 * 100vw), -50px);
    width: calc(249 / 375 * 100vw);
    height: calc(204 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movie1 img {
    max-width: none;
  }
}
.vol21 .activity1__img1Wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img1Wrap {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.vol21 .activity1__img1 {
  width: min(calc(470 / 1280 * 100vw), 470px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img1 {
    width: calc(303 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .activity1__img1Txt {
  position: absolute;
  top: max(calc(-22 / 1280 * 100vw), -22px);
  left: max(calc(-135 / 1280 * 100vw), -135px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img1Txt {
    top: max(calc(-17 / 375 * 100vw), -17px);
    left: calc(57 / 375 * 100vw);
  }
}
.vol21 .activity1__media1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(56 / 1280 * 100vw), 56px);
  margin-top: max(calc(-35 / 1280 * 100vw), -35px);
  margin-left: auto;
  margin-right: max(calc(-32 / 1280 * 100vw), -32px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__media1 {
    display: contents;
  }
}
.vol21 .activity1__contents1 {
  width: min(calc(466 / 1280 * 100vw), 466px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__contents1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: calc(32 / 375 * 100vw);
    width: 100%;
  }
}
.vol21 .activity1__img2 {
  width: min(calc(650 / 1280 * 100vw), 650px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img2 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    width: calc(400 / 375 * 100vw);
    margin-left: max(calc(-15 / 375 * 100vw), -15px);
    margin-top: calc(35 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img2 img {
    max-width: none;
  }
}
.vol21 .activity1__media2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: min(calc(68 / 1280 * 100vw), 68px);
  gap: min(calc(32 / 1280 * 100vw), 32px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-left: 0;
    gap: calc(40 / 375 * 100vw);
    margin-top: calc(89 / 375 * 100vw);
  }
}
.vol21 .activity1__contents2 {
  padding-top: min(calc(148 / 1280 * 100vw), 148px);
  width: min(calc(430 / 1280 * 100vw), 430px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__contents2 {
    padding-top: 0;
    width: 100%;
  }
}
.vol21 .activity1__img3 {
  width: min(calc(610 / 1280 * 100vw), 610px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img3 {
    width: calc(400 / 375 * 100vw);
    margin-left: max(calc(-40 / 375 * 100vw), -40px);
  }
}
.vol21 .activity1__deco {
  position: relative;
}
.vol21 .activity1__deco::before {
  position: absolute;
  content: "";
  width: min(calc(187 / 1280 * 100vw), 187px);
  height: min(calc(205 / 1280 * 100vw), 205px);
  left: max(calc(-25 / 1280 * 100vw), -25px);
  top: max(calc(-100 / 1280 * 100vw), -100px);
  background: url(../image/vol21/activity1/activity5.avif) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__deco::before {
    display: none;
  }
}
.vol21 .activity1__flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(110 / 1280 * 100vw), 110px);
  margin-top: max(calc(-40 / 1280 * 100vw), -40px);
  margin-left: auto;
  margin-right: min(calc(90 / 1280 * 100vw), 90px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__flex2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: max(calc(-64 / 375 * 100vw), -64px);
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.vol21 .activity1__img4Wrap {
  position: relative;
  margin-top: min(calc(68 / 1280 * 100vw), 68px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img4Wrap {
    margin-top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.vol21 .activity1__img4 {
  width: min(calc(400 / 1280 * 100vw), 400px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img4 {
    width: calc(250 / 375 * 100vw);
    margin-left: max(calc(-45 / 375 * 100vw), -45px);
  }
}
.vol21 .activity1__img4Txt {
  position: absolute;
  top: min(calc(40 / 1280 * 100vw), 40px);
  right: max(calc(-196 / 1280 * 100vw), -196px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__img4Txt {
    top: auto;
    bottom: calc(53 / 375 * 100vw);
    right: max(calc(-150 / 375 * 100vw), -150px);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movieWrap1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: calc(17 / 375 * 100vw);
  }
}
.vol21 .activity1__movieNote {
  width: min(calc(316 / 1280 * 100vw), 316px);
  margin-left: auto;
  margin-right: min(calc(50 / 1280 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movieNote {
    width: calc(335 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .commonMemo {
  font-size: min(calc(15 / 1280 * 100vw), 15px);
  line-height: 1.5333333333;
  letter-spacing: 0.04em;
  color: #ABA295;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .commonMemo {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .commonMemo.--lsSp025 {
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .commonMemo.--lsSp03 {
    letter-spacing: 0.03em;
  }
}
.vol21 .commonMemo.--green {
  color: #2E5934;
}
.vol21 .commonMemo.--brown {
  color: #B3785D;
}
.vol21 .activity1__movie2Wrap {
  width: min(calc(550 / 1280 * 100vw), 550px);
  height: min(calc(600 / 1280 * 100vw), 600px);
  margin-top: min(calc(16 / 1280 * 100vw), 16px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movie2Wrap {
    width: calc(350 / 375 * 100vw);
    height: calc(381 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-20 / 375 * 100vw), -20px);
  }
}
.vol21 .activity1__movie2Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(232 / 1280 * 100vw), 232px);
  height: min(calc(198 / 1280 * 100vw), 198px);
  left: max(calc(-150 / 1280 * 100vw), -150px);
  bottom: min(calc(45 / 1280 * 100vw), 45px);
  background: url(../image/vol21/activity1/movie_deco2.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .activity1__movie2Wrap::before {
    width: calc(173 / 375 * 100vw);
    height: calc(147 / 375 * 100vw);
    left: max(calc(-76 / 375 * 100vw), -76px);
    bottom: calc(15 / 375 * 100vw);
  }
}
.vol21 .people.--01 {
  margin-top: min(calc(45 / 1280 * 100vw), 45px);
}
@media screen and (max-width: 767px) {
  .vol21 .people.--01 {
    margin-top: calc(30 / 375 * 100vw);
  }
}
.vol21 .people.--02 {
  margin-top: min(calc(30 / 1280 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .vol21 .people.--02 {
    margin-top: calc(30 / 375 * 100vw);
  }
}
.vol21 .people__inner {
  width: min(calc(1000 / 1280 * 100vw), 1000px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .people__inner {
    width: calc(335 / 375 * 100vw);
  }
}
.vol21 .people__con {
  border: 3px solid #ABA295;
  border-top-right-radius: min(calc(70 / 1280 * 100vw), 70px);
  border-top-left-radius: min(calc(70 / 1280 * 100vw), 70px);
  padding-block: min(calc(50 / 1280 * 100vw), 50px);
  padding-inline: min(calc(110 / 1280 * 100vw), 110px);
}
@media screen and (max-width: 767px) {
  .vol21 .people__con {
    border-top-right-radius: calc(50 / 375 * 100vw);
    border-top-left-radius: calc(50 / 375 * 100vw);
    padding-block: calc(30 / 375 * 100vw);
    padding-inline: calc(20 / 375 * 100vw);
  }
}
.vol21 .people__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(calc(35 / 1280 * 100vw), 35px);
}
@media screen and (max-width: 767px) {
  .vol21 .people__headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(15 / 375 * 100vw);
  }
}
.vol21 .people__title {
  font-size: min(calc(30 / 1280 * 100vw), 30px);
  line-height: 1.2333333333;
  letter-spacing: 0.05em;
  color: #ABA295;
  display: inline-block;
  font-family: var(--font-cormorant);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .vol21 .people__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.2;
  }
}
.vol21 .people__title span {
  font-family: var(--font-noto);
}
.vol21 .people__subtitle {
  font-size: min(calc(20 / 1280 * 100vw), 20px);
  line-height: 1.55;
  letter-spacing: 0.01em;
  font-family: var(--font-hina);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .vol21 .people__subtitle {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.2;
  }
}
.vol21 .people__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: min(calc(28 / 1280 * 100vw), 28px);
}
@media screen and (max-width: 767px) {
  .vol21 .people__media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: calc(15 / 375 * 100vw);
    gap: calc(30 / 375 * 100vw);
  }
}
.vol21 .people__img {
  width: min(calc(220 / 1280 * 100vw), 220px);
}
@media screen and (max-width: 767px) {
  .vol21 .people__img {
    width: calc(220 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .people__contents {
  width: min(calc(480 / 1280 * 100vw), 480px);
}
@media screen and (max-width: 767px) {
  .vol21 .people__contents {
    width: 100%;
  }
}
.vol21 .people__txt {
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media screen and (max-width: 767px) {
  .vol21 .people__txt {
    letter-spacing: 0;
    -webkit-line-clamp: 10;
  }
}
.vol21 .people__btn {
  margin-top: min(calc(25 / 1280 * 100vw), 25px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .people__btn {
    margin-top: calc(30 / 375 * 100vw);
  }
}
.vol21 .activity2 {
  margin-top: min(calc(32 / 1280 * 100vw), 32px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .vol21 .activity2 {
    margin-top: calc(108 / 375 * 100vw);
  }
}
.vol21 .activity2__media1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: min(calc(140 / 1280 * 100vw), 140px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__media1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: auto;
    gap: calc(38 / 375 * 100vw);
  }
}
.vol21 .activity2__contents1 {
  padding-top: min(calc(105 / 1280 * 100vw), 105px);
  width: min(calc(534 / 1280 * 100vw), 534px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__contents1 {
    padding-top: 0;
    width: 100%;
  }
}
.vol21 .activity2__img1 {
  width: min(calc(714 / 1280 * 100vw), 714px);
  margin-left: max(calc(-72 / 1280 * 100vw), -72px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img1 {
    width: calc(410 / 375 * 100vw);
    margin-left: max(calc(-20 / 375 * 100vw), -20px);
  }
}
.vol21 .activity2__flex1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(58 / 1280 * 100vw), 58px);
  margin-left: min(calc(130 / 1280 * 100vw), 130px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__flex1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-left: 0;
    gap: 0;
    width: 100%;
  }
}
.vol21 .activity2__img2Wrap {
  position: relative;
  padding-top: min(calc(110 / 1280 * 100vw), 110px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img2Wrap {
    padding-top: 0;
  }
}
.vol21 .activity2__img2 {
  width: min(calc(400 / 1280 * 100vw), 400px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img2 {
    width: calc(280 / 375 * 100vw);
    margin-left: calc(30 / 375 * 100vw);
  }
}
.vol21 .activity2__imgMemo {
  width: min(calc(327 / 1280 * 100vw), 327px);
  margin-top: min(calc(30 / 1280 * 100vw), 30px);
  margin-left: min(calc(36 / 1280 * 100vw), 36px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__imgMemo {
    width: calc(335 / 375 * 100vw);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__imgOuter {
    margin-top: max(calc(-10 / 375 * 100vw), -10px);
  }
}
.vol21 .activity2__img3Wrap {
  position: relative;
  margin-left: min(calc(132 / 1280 * 100vw), 132px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img3Wrap {
    margin-left: max(calc(-10 / 375 * 100vw), -10px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.vol21 .activity2__img3 {
  width: min(calc(300 / 1280 * 100vw), 300px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img3 {
    width: calc(200 / 375 * 100vw);
    margin-left: max(calc(-8 / 375 * 100vw), -8px);
  }
}
.vol21 .activity2__img3Txt {
  position: absolute;
  top: min(calc(58 / 1280 * 100vw), 58px);
  left: max(calc(-196 / 1280 * 100vw), -196px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img3Txt {
    top: calc(67 / 375 * 100vw);
    left: auto;
    right: max(calc(-132 / 375 * 100vw), -132px);
  }
}
.vol21 .activity2__img4 {
  margin-top: min(calc(43 / 1280 * 100vw), 43px);
  width: min(calc(575 / 1280 * 100vw), 575px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img4 {
    width: calc(200 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
    margin-left: auto;
    margin-right: calc(40 / 375 * 100vw);
  }
}
.vol21 .activity2__media2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(72 / 1280 * 100vw), 72px);
  margin-top: min(calc(150 / 1280 * 100vw), 150px);
  margin-left: max(calc(-24 / 1280 * 100vw), -24px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(95 / 375 * 100vw);
    margin-left: 0;
    gap: calc(45 / 375 * 100vw);
  }
}
.vol21 .activity2__contents2 {
  width: min(calc(547 / 1280 * 100vw), 547px);
}
.vol21 .activity2__movie1Wrap {
  width: min(calc(550 / 1280 * 100vw), 550px);
  height: min(calc(600 / 1280 * 100vw), 600px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__movie1Wrap {
    width: calc(350 / 375 * 100vw);
    height: calc(381 / 375 * 100vw);
    margin-left: max(calc(-35 / 375 * 100vw), -35px);
  }
}
.vol21 .activity2__movie1Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(284 / 1280 * 100vw), 284px);
  height: min(calc(309 / 1280 * 100vw), 309px);
  left: max(calc(-20 / 1280 * 100vw), -20px);
  bottom: max(calc(-165 / 1280 * 100vw), -165px);
  background: url(../image/vol21/activity2/movie_deco1.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__movie1Wrap::before {
    width: calc(138 / 375 * 100vw);
    height: calc(152 / 375 * 100vw);
    top: max(calc(-13 / 375 * 100vw), -13px);
    left: auto;
    right: max(calc(-75 / 375 * 100vw), -75px);
    bottom: auto;
    background: url(../image/vol21/activity2/movie_deco_sp1.svg) center center/contain no-repeat;
  }
}
.vol21 .activity2__img5 {
  margin-top: max(calc(-135 / 1280 * 100vw), -135px);
  width: min(calc(600 / 1280 * 100vw), 600px);
  margin-left: auto;
  margin-right: min(calc(140 / 1280 * 100vw), 140px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img5 {
    margin-top: calc(32 / 375 * 100vw);
    width: calc(335 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .activity2__flex2 {
  margin-top: max(calc(-18 / 1280 * 100vw), -18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(133 / 1280 * 100vw), 133px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: max(calc(-40 / 1280 * 100vw), -40px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__flex2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-top: calc(25 / 375 * 100vw);
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.vol21 .activity2__img6Wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img6Wrap {
    margin-left: auto;
    margin-right: max(calc(-10 / 375 * 100vw), -10px);
  }
}
.vol21 .activity2__img6 {
  width: min(calc(290 / 1280 * 100vw), 290px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img6 {
    width: calc(200 / 375 * 100vw);
  }
}
.vol21 .activity2__img7Txt {
  position: absolute;
  top: max(calc(-40 / 1280 * 100vw), -40px);
  left: max(calc(-75 / 1280 * 100vw), -75px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img7Txt {
    top: calc(10 / 375 * 100vw);
    left: max(calc(-85 / 375 * 100vw), -85px);
  }
}
.vol21 .activity2__img7Wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img7Wrap {
    margin-top: max(calc(-104 / 375 * 100vw), -104px);
    margin-left: max(calc(-20 / 375 * 100vw), -20px);
  }
}
.vol21 .activity2__img7 {
  width: min(calc(600 / 1280 * 100vw), 600px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img7 {
    width: calc(305 / 375 * 100vw);
  }
}
.vol21 .activity2__img7Memo {
  width: min(calc(252 / 1280 * 100vw), 252px);
  position: absolute;
  bottom: min(calc(32 / 1280 * 100vw), 32px);
  left: max(calc(-280 / 1280 * 100vw), -280px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity2__img7Memo {
    width: calc(212 / 375 * 100vw);
    position: relative;
    margin-top: calc(10 / 375 * 100vw);
    margin-inline: auto;
    left: auto;
    bottom: auto;
  }
}
.vol21 .bgWood {
  position: relative;
  /* ===============================================
  # activity3
  =============================================== */
}
.vol21 .bgWood::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1280px;
  height: min(calc(932 / 1280 * 100vw), 932px);
  background: url(../image/vol21/activity3/bg.png) center center/cover no-repeat;
  mix-blend-mode: multiply;
  z-index: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .vol21 .bgWood::before {
    background: url(../image/vol21/activity3/bg_sp.png) center center/cover no-repeat;
    height: calc(996 / 375 * 100vw);
  }
}
.vol21 .bgWood::before > * {
  position: relative;
  z-index: 1;
}
.vol21 .bgWood .activity3 {
  padding-block: min(calc(105 / 1280 * 100vw), 105px) min(calc(95 / 1280 * 100vw), 95px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .bgWood {
    padding-block: calc(70 / 375 * 100vw);
  }
}
.vol21 .activity3__title {
  font-size: min(calc(40 / 1280 * 100vw), 40px);
  line-height: 1.5555555556;
  letter-spacing: 0.015em;
  color: #fff;
  font-family: var(--font-hina);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__title {
    font-size: calc(25 / 375 * 100vw);
    line-height: 1.8;
    text-align: center;
    text-underline-offset: 0.4em;
    text-decoration-thickness: 1px;
  }
}
.vol21 .activity3__txt {
  color: #fff;
  letter-spacing: 0.075em;
  margin-top: min(calc(40 / 1280 * 100vw), 40px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__txt {
    letter-spacing: 0.025em;
    text-align: left;
    margin-top: calc(40 / 375 * 100vw);
    width: calc(295 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .activity3__flex {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: min(calc(60 / 1280 * 100vw), 60px);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(64 / 1280 * 100vw), 64px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__flex {
    margin-top: calc(36 / 375 * 100vw);
    gap: calc(32 / 375 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }
}
.vol21 .activity3__imgWrap {
  padding-top: min(calc(54 / 1280 * 100vw), 54px);
  width: min(calc(210 / 1280 * 100vw), 210px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__imgWrap {
    width: 100%;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: calc(20 / 375 * 100vw);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.vol21 .activity3__memo {
  font-size: min(calc(15 / 1280 * 100vw), 15px);
  line-height: 1.5333333333;
  letter-spacing: 0.04em;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__memo {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    width: calc(154 / 375 * 100vw);
  }
}
.vol21 .activity3__img1 {
  width: min(calc(210 / 1280 * 100vw), 210px);
  margin-top: min(calc(18 / 1280 * 100vw), 18px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__img1 {
    margin-top: 0;
    width: calc(160 / 375 * 100vw);
  }
}
.vol21 .activity3__img2 {
  width: min(calc(430 / 1280 * 100vw), 430px);
}
@media screen and (max-width: 767px) {
  .vol21 .activity3__img2 {
    width: 100%;
  }
}
.vol21 .gourmet1 {
  padding-top: min(calc(60 / 1280 * 100vw), 60px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1 {
    padding-top: calc(35 / 375 * 100vw);
  }
}
.vol21 .gourmet1__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: min(calc(125 / 1280 * 100vw), 125px);
  gap: min(calc(56 / 1280 * 100vw), 56px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 100%;
    margin-inline: auto;
  }
}
.vol21 .gourmet1__contents1 {
  padding-top: min(calc(150 / 1280 * 100vw), 150px);
  width: min(calc(416 / 1280 * 100vw), 416px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__contents1 {
    padding-top: calc(40 / 375 * 100vw);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img1Wrap {
    display: contents;
  }
}
.vol21 .gourmet1__img1 {
  margin-left: max(calc(-114 / 1280 * 100vw), -114px);
  width: min(calc(486 / 1280 * 100vw), 486px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img1 {
    width: calc(304 / 375 * 100vw);
    margin-inline: auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.vol21 .gourmet1__img2 {
  margin-top: min(calc(45 / 1280 * 100vw), 45px);
  width: min(calc(600 / 1280 * 100vw), 600px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img2 {
    width: 100%;
    margin-top: calc(28 / 375 * 100vw);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.vol21 .gourmet1__img3Wrap {
  margin-left: min(calc(122 / 1280 * 100vw), 122px);
  margin-top: max(calc(-95 / 1280 * 100vw), -95px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img3Wrap {
    margin-top: calc(30 / 375 * 100vw);
    margin-left: 0;
  }
}
.vol21 .gourmet1__img3 {
  width: min(calc(1025 / 1280 * 100vw), 1025px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img3 {
    width: calc(438 / 375 * 100vw);
    margin-left: max(calc(-35 / 375 * 100vw), -35px);
  }
}
.vol21 .gourmet1__img3TxtWrap {
  position: absolute;
  top: min(calc(160 / 1280 * 100vw), 160px);
  left: min(calc(460 / 1280 * 100vw), 460px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img3TxtWrap {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    margin-inline: auto;
    width: calc(265 / 375 * 100vw);
  }
}
.vol21 .gourmet1__img3Txt {
  width: min(calc(243 / 1280 * 100vw), 243px);
  margin-top: min(calc(30 / 1280 * 100vw), 30px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img3Txt {
    width: calc(250 / 375 * 100vw);
    margin-left: 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img3Txt.--borderTop span::before {
    width: 100%;
    height: 1px;
    background-color: #2E5934;
    top: calc(-10 / 375 * 100vw);
  }
}
.vol21 .gourmet1__media2 {
  margin-top: min(calc(138 / 1280 * 100vw), 138px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(45 / 1280 * 100vw), 45px);
  margin-left: min(calc(112 / 1280 * 100vw), 112px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(100 / 375 * 100vw);
    gap: calc(25 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .gourmet1__movie1Wrap {
  width: min(calc(550 / 1280 * 100vw), 550px);
  height: min(calc(600 / 1280 * 100vw), 600px);
  margin-top: min(calc(85 / 1280 * 100vw), 85px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__movie1Wrap {
    width: calc(350 / 375 * 100vw);
    height: calc(381 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-28 / 375 * 100vw), -28px);
    margin-top: 0;
  }
}
.vol21 .gourmet1__movie1Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(268 / 1280 * 100vw), 268px);
  height: min(calc(251 / 1280 * 100vw), 251px);
  left: min(calc(103 / 1280 * 100vw), 103px);
  top: max(calc(-118 / 1280 * 100vw), -118px);
  background: url(../image/vol21/gourmet1/movie_deco1.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__movie1Wrap::before {
    width: calc(118 / 375 * 100vw);
    height: calc(110 / 375 * 100vw);
    left: max(calc(-22 / 375 * 100vw), -22px);
    top: 0;
  }
}
.vol21 .gourmet1__contents2 {
  width: min(calc(430 / 1280 * 100vw), 430px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__contents2 {
    width: 100%;
  }
}
.vol21 .gourmet1__flex1 {
  margin-top: max(calc(-115 / 1280 * 100vw), -115px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: min(calc(215 / 1280 * 100vw), 215px);
  margin-left: min(calc(225 / 1280 * 100vw), 225px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__flex1 {
    margin-top: calc(10 / 375 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: calc(60 / 375 * 100vw);
    margin-left: max(calc(-20 / 1280 * 100vw), -20px);
  }
}
.vol21 .gourmet1__img4 {
  width: min(calc(290 / 1280 * 100vw), 290px);
  margin-top: min(calc(167 / 1280 * 100vw), 167px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img4 {
    width: calc(308 / 375 * 100vw);
    margin-left: auto;
    margin-right: calc(20 / 375 * 100vw);
  }
}
.vol21 .gourmet1__img5Wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.vol21 .gourmet1__img5 {
  width: min(calc(448 / 1280 * 100vw), 448px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img5 {
    width: calc(250 / 375 * 100vw);
    margin-left: max(calc(-20 / 1280 * 100vw), -20px);
  }
}
.vol21 .gourmet1__img5Txt {
  position: absolute;
  left: max(calc(-148 / 1280 * 100vw), -148px);
  bottom: min(calc(26 / 1280 * 100vw), 26px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img5Txt {
    left: auto;
    right: max(calc(-105 / 375 * 100vw), -105px);
    bottom: max(calc(-15 / 375 * 100vw), -15px);
  }
}
.vol21 .gourmet1__media3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(70 / 1280 * 100vw), 70px);
  margin-left: auto;
  margin-right: max(calc(-45 / 1280 * 100vw), -45px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__media3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(60 / 375 * 100vw);
    max-width: 100%;
    margin-top: calc(95 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}
.vol21 .gourmet1__contents3 {
  width: min(calc(465 / 1280 * 100vw), 465px);
  padding-top: min(calc(150 / 1280 * 100vw), 150px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__contents3 {
    padding-top: 0;
  }
}
.vol21 .gourmet1__img6Wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img6Wrap {
    max-width: 100%;
  }
}
.vol21 .gourmet1__img6 {
  width: min(calc(650 / 1280 * 100vw), 650px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img6 {
    width: calc(442 / 375 * 100vw);
    margin-left: max(calc(-45 / 375 * 100vw), -45px);
  }
}
.vol21 .gourmet1__img6Txt {
  position: absolute;
  left: max(calc(-115 / 1280 * 100vw), -115px);
  top: min(calc(156 / 1280 * 100vw), 156px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img6Txt {
    left: auto;
    right: calc(18 / 375 * 100vw);
    top: max(calc(-35 / 375 * 100vw), -35px);
  }
}
.vol21 .gourmet1__flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(100 / 1280 * 100vw), 100px);
  margin-top: max(calc(-72 / 1280 * 100vw), -72px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__flex2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(44 / 375 * 100vw);
    gap: calc(47 / 375 * 100vw);
  }
}
.vol21 .gourmet1__img7Wrap {
  width: min(calc(660 / 1280 * 100vw), 660px);
  height: min(calc(530 / 1280 * 100vw), 530px);
  margin-left: max(calc(-25 / 1280 * 100vw), -25px);
  position: relative;
}
.vol21 .gourmet1__img7Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(219 / 1280 * 100vw), 219px);
  height: min(calc(183 / 1280 * 100vw), 183px);
  left: min(calc(144 / 1280 * 100vw), 144px);
  bottom: max(calc(-172 / 1280 * 100vw), -172px);
  background: url(../image/vol21/gourmet1/movie_deco2.png) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img7Wrap::before {
    width: calc(228 / 375 * 100vw);
    height: calc(162 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
    bottom: max(calc(-30 / 375 * 100vw), -30px);
    background: url(../image/vol21/gourmet1/movie_deco3.png) center center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img7Wrap {
    width: calc(400 / 375 * 100vw);
    height: calc(321 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-45 / 375 * 100vw), -45px);
  }
}
.vol21 .gourmet1__img8Wrap {
  padding-top: min(calc(145 / 1280 * 100vw), 145px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img8Wrap {
    padding-top: 0;
  }
}
.vol21 .gourmet1__img8 {
  width: min(calc(422 / 1280 * 100vw), 422px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img8 {
    width: calc(342 / 375 * 100vw);
    margin-left: max(calc(-30 / 375 * 100vw), -30px);
  }
}
.vol21 .gourmet1__img8Txt {
  width: min(calc(279 / 1280 * 100vw), 279px);
  margin-top: min(calc(24 / 1280 * 100vw), 24px);
  margin-left: min(calc(35 / 1280 * 100vw), 35px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img8Txt {
    width: calc(198 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
    margin-left: calc(88 / 375 * 100vw);
  }
}
.vol21 .gourmet1__media4 {
  margin-top: min(calc(78 / 1280 * 100vw), 78px);
  margin-left: min(calc(54 / 1280 * 100vw), 54px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(58 / 1280 * 100vw), 58px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__media4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(45 / 375 * 100vw);
    max-width: 100%;
    margin-inline: auto;
  }
}
.vol21 .gourmet1__img9 {
  padding-top: min(calc(26 / 1280 * 100vw), 26px);
  width: min(calc(600 / 1280 * 100vw), 600px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img9 {
    width: calc(335 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-12 / 375 * 100vw), -12px);
  }
}
.vol21 .gourmet1__contents4 {
  width: min(calc(430 / 1280 * 100vw), 430px);
}
.vol21 .gourmet1__flex3 {
  margin-top: min(calc(50 / 1280 * 100vw), 50px);
  margin-left: min(calc(120 / 1280 * 100vw), 120px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(240 / 1280 * 100vw), 240px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__flex3 {
    margin-top: calc(28 / 375 * 100vw);
    margin-inline: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.vol21 .gourmet1__img10Wrap {
  padding-top: min(calc(80 / 1280 * 100vw), 80px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img10Wrap {
    padding-top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.vol21 .gourmet1__img10 {
  width: min(calc(348 / 1280 * 100vw), 348px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img10 {
    width: calc(223 / 375 * 100vw);
    margin-left: calc(16 / 375 * 100vw);
  }
}
.vol21 .gourmet1__img10Txt {
  position: absolute;
  bottom: min(calc(160 / 1280 * 100vw), 160px);
  right: max(calc(-115 / 1280 * 100vw), -115px);
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img10Txt {
    top: calc(115 / 375 * 100vw);
    right: max(calc(-80 / 375 * 100vw), -80px);
    bottom: auto;
  }
}
.vol21 .gourmet1__img11 {
  width: min(calc(454 / 1280 * 100vw), 454px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .vol21 .gourmet1__img11 {
    margin-top: calc(5 / 375 * 100vw);
    width: calc(370 / 375 * 100vw);
    margin-right: max(calc(-85 / 375 * 100vw), -85px);
    margin-left: auto;
  }
}
.vol21 .sweets1 {
  padding-top: min(calc(110 / 1280 * 100vw), 110px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1 {
    padding-top: calc(60 / 375 * 100vw);
  }
}
.vol21 .sweets1__movie1Wrap {
  width: min(calc(600 / 1280 * 100vw), 600px);
  height: min(calc(395 / 1280 * 100vw), 395px);
  margin-left: auto;
  margin-right: min(calc(115 / 1280 * 100vw), 115px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__movie1Wrap {
    width: calc(335 / 375 * 100vw);
    height: calc(220 / 375 * 100vw);
    margin-right: max(calc(-16 / 375 * 100vw), -16px);
  }
}
.vol21 .sweets1__movie1Wrap::before {
  position: absolute;
  content: "";
  width: min(calc(246 / 1280 * 100vw), 246px);
  height: min(calc(231 / 1280 * 100vw), 231px);
  left: max(calc(-10 / 1280 * 100vw), -10px);
  top: max(calc(-96 / 1280 * 100vw), -96px);
  background: url(../image/vol21/sweets/movie_deco1.svg) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__movie1Wrap::before {
    width: calc(118 / 375 * 100vw);
    height: calc(110 / 375 * 100vw);
    left: max(calc(-30 / 375 * 100vw), -30px);
    top: max(calc(-24 / 375 * 100vw), -24px);
  }
}
.vol21 .sweets1__media1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(190 / 1280 * 100vw), 190px);
  margin-top: max(calc(-215 / 1280 * 100vw), -215px);
  margin-left: max(calc(-56 / 1280 * 100vw), -56px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__media1 {
    gap: 0;
    margin-top: calc(35 / 375 * 100vw);
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.vol21 .sweets1__img1 {
  width: min(calc(576 / 1280 * 100vw), 576px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img1 {
    width: calc(416 / 375 * 100vw);
    margin-left: max(calc(-30 / 375 * 100vw), -30px);
  }
}
.vol21 .sweets1__contents1 {
  padding-top: min(calc(275 / 1280 * 100vw), 275px);
  width: min(calc(430 / 1280 * 100vw), 430px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__contents1 {
    padding-top: 0;
    width: 100%;
  }
}
.vol21 .sweets1__img2Wrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: min(calc(110 / 1280 * 100vw), 110px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img2Wrap {
    margin-left: calc(20 / 375 * 100vw);
    margin-top: calc(18 / 375 * 100vw);
  }
}
.vol21 .sweets1__img2 {
  width: min(calc(875 / 1280 * 100vw), 875px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img2 {
    width: calc(262 / 375 * 100vw);
  }
}
.vol21 .sweets1__img2Txt {
  position: absolute;
  bottom: min(calc(80 / 1280 * 100vw), 80px);
  left: min(calc(323 / 1280 * 100vw), 323px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img2Txt {
    left: auto;
    right: max(calc(-72 / 375 * 100vw), -72px);
    bottom: calc(30 / 375 * 100vw);
  }
}
.vol21 .sweets1__media2 {
  margin-top: min(calc(150 / 1280 * 100vw), 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(38 / 1280 * 100vw), 38px);
  margin-left: auto;
  margin-right: max(calc(-80 / 1280 * 100vw), -80px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__media2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: auto;
    margin-top: calc(100 / 375 * 100vw);
    gap: calc(45 / 375 * 100vw);
  }
}
.vol21 .sweets1__img3 {
  width: min(calc(683 / 1280 * 100vw), 683px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img3 {
    width: calc(400 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-60 / 375 * 100vw), -60px);
  }
}
.vol21 .sweets1__contents2 {
  width: min(calc(500 / 1280 * 100vw), 500px);
}
.vol21 .sweets1__flex1 {
  margin-top: max(calc(-200 / 1280 * 100vw), -200px);
  margin-left: max(calc(-80 / 1280 * 100vw), -80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(58 / 1280 * 100vw), 58px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__flex1 {
    margin-top: calc(28 / 375 * 100vw);
    margin-left: 0;
    gap: calc(32 / 375 * 100vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
  }
}
.vol21 .sweets1__img4 {
  width: min(calc(558 / 1280 * 100vw), 558px);
  padding-top: min(calc(196 / 1280 * 100vw), 196px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img4 {
    padding-top: 0;
    margin-top: max(calc(-45 / 375 * 100vw), -45px);
    width: calc(255 / 375 * 100vw);
    margin-left: calc(40 / 375 * 100vw);
  }
}
.vol21 .sweets1__img5Wrap {
  width: min(calc(671 / 1280 * 100vw), 671px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img5Wrap {
    width: calc(298 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-20 / 375 * 100vw), -20px);
  }
}
.vol21 .sweets1__img5Txt {
  position: absolute;
  top: min(calc(7 / 1280 * 100vw), 7px);
  left: max(calc(-182 / 1280 * 100vw), -182px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img5Txt {
    top: max(calc(-30 / 375 * 100vw), -30px);
    left: max(calc(-80 / 375 * 100vw), -80px);
  }
}
.vol21 .sweets1__media3 {
  margin-top: min(calc(118 / 1280 * 100vw), 118px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(78 / 1280 * 100vw), 78px);
  margin-left: max(calc(-27 / 1280 * 100vw), -27px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__media3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: calc(65 / 375 * 100vw);
    margin-inline: auto;
    gap: calc(30 / 375 * 100vw);
    max-width: 100%;
  }
}
.vol21 .sweets1__img6 {
  width: min(calc(650 / 1280 * 100vw), 650px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img6 {
    width: calc(400 / 375 * 100vw);
    margin-left: max(calc(-12 / 375 * 100vw), -12px);
  }
}
.vol21 .sweets1__contents3 {
  width: min(calc(430 / 1280 * 100vw), 430px);
}
.vol21 .sweets1__flex2 {
  margin-top: max(calc(-100 / 1280 * 100vw), -100px);
  margin-left: min(calc(220 / 1280 * 100vw), 220px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(calc(38 / 1280 * 100vw), 38px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__flex2 {
    margin-top: calc(20 / 375 * 100vw);
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: calc(50 / 375 * 100vw);
  }
}
.vol21 .sweets1__img7 {
  padding-top: min(calc(170 / 1280 * 100vw), 170px);
  width: min(calc(454 / 1280 * 100vw), 454px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img7 {
    padding-top: 0;
    width: calc(390 / 375 * 100vw);
    margin-left: auto;
    margin-right: max(calc(-50 / 375 * 100vw), -50px);
  }
}
.vol21 .sweets1__img8Wrap {
  width: min(calc(400 / 1280 * 100vw), 400px);
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img8Wrap {
    width: calc(250 / 375 * 100vw);
    margin-left: calc(90 / 375 * 100vw);
  }
}
.vol21 .sweets1__img8Txt {
  width: min(calc(310 / 1280 * 100vw), 310px);
  margin-top: min(calc(32 / 1280 * 100vw), 32px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .sweets1__img8Txt {
    width: calc(240 / 375 * 100vw);
  }
}
.vol21 .after {
  margin-top: min(calc(164 / 1280 * 100vw), 164px);
}
@media screen and (max-width: 767px) {
  .vol21 .after {
    margin-top: calc(80 / 375 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .vol21 .after .after_ttl {
    font-size: calc(30 / 375 * 100vw);
    line-height: 1.4;
    letter-spacing: -0.09em;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .after .after_introBox_read {
    font-size: calc(21 / 375 * 100vw);
    letter-spacing: -0.14em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .after .after_introBox {
    font-size: calc(14 / 375 * 100vw);
  }
}
.vol21 .after .after_contBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 0 43px;
}
@media screen and (max-width: 767px) {
  .vol21 .after .after_contBox {
    display: block;
  }
}
.vol21 .after .after_contBox ._desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vol21 .after .after_contBox ._img {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .vol21 .after .after_contBox ._img {
    width: 100%;
    margin-top: calc(15 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
  .vol21 .after .after_contBox ._img img {
    width: 100%;
  }
}
.vol21 .after_linkBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .vol21 .after_linkBox {
    margin-top: 64px;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .after_linkBox a {
    font-size: calc(17 / 375 * 100vw);
  }
}
@media (hover: hover) {
  .vol21 .after_linkBox a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .vol21 .after_linkBox a:hover {
    opacity: 0.8;
  }
}
.vol21 .after_linkBox .-beOkinawa {
  padding: 0;
  background: none;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .vol21 .after_linkBox .-beOkinawa {
    margin-top: calc(35 / 375 * 100vw);
  }
}
.vol21 .after_linkBox .-beOkinawa img {
  max-width: 90%;
}
@media screen and (max-width: 767px) {
  .vol21 .after_linkBox .-beOkinawa img {
    width: calc(147 / 375 * 100vw);
  }
}
.vol21 .cooperation .splide__arrow {
  position: absolute;
  top: min(6.5384615385vw, 85px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  .vol21 .cooperation .splide__arrow {
    top: 8.5vw;
  }
}
.vol21 .cooperation_list p {
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .vol21 .cooperation_list h3 {
    font-size: calc(16 / 375 * 100vw);
  }
  .vol21 .cooperation_list p {
    font-size: calc(12 / 375 * 100vw);
  }
}
.vol21 .pin-spacer {
  overflow-x: clip !important;
}
.vol21 .w1800 {
  max-width: 1800px;
  margin-inline: auto;
}
.vol21 .bgWhite {
  background-color: #F7F6F4;
}
.vol21 .bgGreen {
  background-color: #25715D;
}
.vol21 .fz17 {
  font-size: min(calc(17 / 1280 * 100vw), 17px);
}
@media screen and (max-width: 767px) {
  .vol21 .fz17 {
    font-size: calc(14 / 375 * 100vw);
  }
}
.vol21 .sec {
  max-width: 1280px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .vol21 .spInner {
    width: calc(335 / 375 * 100vw);
    margin-inline: auto;
  }
}
.vol21 .u-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .vol21 .u-pc {
    display: none;
  }
}
.vol21 .u-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .vol21 .u-sp {
    display: block;
  }
}
.vol21 .u-pcSpace {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .vol21 .u-pcSpace {
    display: none;
  }
}
.vol21 .u-sideways {
  -webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;
  text-orientation: mixed;
  display: inline-block;
  line-height: 1;
}
.vol21 .u-underline span {
  display: inline;
  --underline-alpha: 1;
  background-image: linear-gradient(transparent calc(100% - 1px), rgba(4, 0, 0, var(--underline-alpha)) 1px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 100%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: --underline-alpha 0.3s ease;
}
@media (any-hover: hover) {
  .vol21 .u-underline:hover span {
    --underline-alpha: 0;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .imgSpMax img {
    max-width: none;
  }
}
.vol21 .commonMovie {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  position: relative;
  height: 100%;
}
.vol21 .commonMovie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  border: none;
  pointer-events: none;
}
.vol21 .commonMovie.--nature1 {
  -webkit-mask-image: url(../image/vol21/nature1/nature6.svg);
          mask-image: url(../image/vol21/nature1/nature6.svg);
}
.vol21 .commonMovie.--nature2 {
  -webkit-mask-image: url(../image/vol21/nature2/nature1.svg);
          mask-image: url(../image/vol21/nature2/nature1.svg);
}
.vol21 .commonMovie.--nature3 {
  -webkit-mask-image: url(../image/vol21/nature2/nature6.svg);
          mask-image: url(../image/vol21/nature2/nature6.svg);
}
.vol21 .commonMovie.--activity1 {
  -webkit-mask-image: url(../image/vol21/activity1/movie1.svg);
          mask-image: url(../image/vol21/activity1/movie1.svg);
}
.vol21 .commonMovie.--activity2 {
  -webkit-mask-image: url(../image/vol21/activity1/movie2.svg);
          mask-image: url(../image/vol21/activity1/movie2.svg);
}
.vol21 .commonMovie.--activity3 {
  -webkit-mask-image: url(../image/vol21/activity2/movie1.svg);
          mask-image: url(../image/vol21/activity2/movie1.svg);
}
.vol21 .commonMovie.--gourmet1 {
  -webkit-mask-image: url(../image/vol21/gourmet1/movie1.svg);
          mask-image: url(../image/vol21/gourmet1/movie1.svg);
}
.vol21 .commonMovie.--gourmet2 {
  -webkit-mask-image: url(../image/vol21/gourmet1/movie2.svg);
          mask-image: url(../image/vol21/gourmet1/movie2.svg);
}
.vol21 .commonMovie.--sweets1 {
  -webkit-mask-image: url(../image/vol21/sweets/movie1.svg);
          mask-image: url(../image/vol21/sweets/movie1.svg);
}
.vol21 .btn {
  display: inline-block;
  width: min(calc(287 / 1280 * 100vw), 287px);
  min-height: min(calc(48 / 1280 * 100vw), 48px);
  background: #ABA295;
  border: 1px solid #ABA295;
  color: #fff;
  font-size: min(calc(15 / 1280 * 100vw), 15px);
  font-weight: 700;
  letter-spacing: 0.01em;
  display: grid;
  place-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .vol21 .btn {
    width: calc(295 / 375 * 100vw);
    min-height: calc(53 / 375 * 100vw);
    font-size: calc(17 / 375 * 100vw);
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) {
  .vol21 .btn.--spWide {
    width: calc(335 / 375 * 100vw);
  }
}
.vol21 .btn.--green {
  background: #99A070;
  border: 1px solid #99A070;
  color: #fff;
}
@media (any-hover: hover) {
  .vol21 .btn:hover {
    background: #fff;
    color: #ABA295;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .vol21 .btn.--green:hover {
    background: #fff;
    color: #99A070;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}/*# sourceMappingURL=vol21.css.map */