/* Figma section_FV：CTA + lead（40020680:10479）— wrapGird--fv-newpuchi 直上 */

.pagePcket01 .c-fv-summerpack-intro, .pagePcket02 .c-fv-summerpack-intro, .pagePcket03 .c-fv-summerpack-intro, .pagePcket04 .c-fv-summerpack-intro, .pagePcket05 .c-fv-summerpack-intro {
  width: 100%;
}

.pagePcket01 .c-fv-summerpack-intro__inner, .pagePcket02 .c-fv-summerpack-intro__inner, .pagePcket03 .c-fv-summerpack-intro__inner, .pagePcket04 .c-fv-summerpack-intro__inner, .pagePcket05 .c-fv-summerpack-intro__inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

/* --- CTA（#0091db） --- */
.pagePcket01 .c-fv-summerpack-cta, .pagePcket02 .c-fv-summerpack-cta, .pagePcket03 .c-fv-summerpack-cta, .pagePcket04 .c-fv-summerpack-cta, .pagePcket05 .c-fv-summerpack-cta {
  background: #0091db;
  padding: 3.2rem 1.6rem;
}

.pagePcket01 .c-fv-summerpack-cta__inner, .pagePcket02 .c-fv-summerpack-cta__inner, .pagePcket03 .c-fv-summerpack-cta__inner, .pagePcket04 .c-fv-summerpack-cta__inner, .pagePcket05 .c-fv-summerpack-cta__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: 100%;
  width: 100%;
}

.pagePcket01 .c-fv-summerpack-cta__lead, .pagePcket02 .c-fv-summerpack-cta__lead, .pagePcket03 .c-fv-summerpack-cta__lead, .pagePcket04 .c-fv-summerpack-cta__lead, .pagePcket05 .c-fv-summerpack-cta__lead {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  margin: 0 auto 6px;
  width: fit-content;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.2;
}

.pagePcket01 .c-fv-summerpack-cta__lead-deco, .pagePcket02 .c-fv-summerpack-cta__lead-deco, .pagePcket03 .c-fv-summerpack-cta__lead-deco, .pagePcket04 .c-fv-summerpack-cta__lead-deco, .pagePcket05 .c-fv-summerpack-cta__lead-deco {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 14px;
  height: 26px;
}

.pagePcket01 .c-fv-summerpack-cta__lead-deco img, .pagePcket02 .c-fv-summerpack-cta__lead-deco img, .pagePcket03 .c-fv-summerpack-cta__lead-deco img, .pagePcket04 .c-fv-summerpack-cta__lead-deco img, .pagePcket05 .c-fv-summerpack-cta__lead-deco img {
  display: block;
  width: 100%;
  height: auto;
}

.pagePcket01 .c-fv-summerpack-cta__lead-text, .pagePcket02 .c-fv-summerpack-cta__lead-text, .pagePcket03 .c-fv-summerpack-cta__lead-text, .pagePcket04 .c-fv-summerpack-cta__lead-text, .pagePcket05 .c-fv-summerpack-cta__lead-text {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: none;
  color: #fff100;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.pagePcket01 .c-fv-summerpack-cta__lead-text > span, .pagePcket02 .c-fv-summerpack-cta__lead-text > span, .pagePcket03 .c-fv-summerpack-cta__lead-text > span, .pagePcket04 .c-fv-summerpack-cta__lead-text > span, .pagePcket05 .c-fv-summerpack-cta__lead-text > span {
  display: block;
  width: auto;
  max-width: 100%;
}

.pagePcket01 .c-fv-summerpack-cta__btn-area, .pagePcket02 .c-fv-summerpack-cta__btn-area, .pagePcket03 .c-fv-summerpack-cta__btn-area, .pagePcket04 .c-fv-summerpack-cta__btn-area, .pagePcket05 .c-fv-summerpack-cta__btn-area {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin: 0 0 2.4rem;
  width: 100%;
  max-width: 358px;
}

/* Figma CTA btn（40020607:34）：358×45 / radius 4px / 16.6px Bold */
.pagePcket01 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket02 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket03 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket04 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket05 .c-fv-summerpack-cta__btn-area .btnBlock {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  height: 45px;
  min-height: 45px;
  margin: 0;
  padding: 10px 11px;
  border: none;
  border-radius: 4px;
  background: var(--cocha_primary, #f04647);
  align-self: stretch;
  transition: opacity 0.3s;
}

.pagePcket01 .c-fv-summerpack-cta__btn-area .btnBlock:hover, .pagePcket02 .c-fv-summerpack-cta__btn-area .btnBlock:hover, .pagePcket03 .c-fv-summerpack-cta__btn-area .btnBlock:hover, .pagePcket04 .c-fv-summerpack-cta__btn-area .btnBlock:hover, .pagePcket05 .c-fv-summerpack-cta__btn-area .btnBlock:hover {
  opacity: 0.8;
  text-decoration: none;
}

.pagePcket01 .c-fv-summerpack-cta__btn-area .btnBlock::before, .pagePcket02 .c-fv-summerpack-cta__btn-area .btnBlock::before, .pagePcket03 .c-fv-summerpack-cta__btn-area .btnBlock::before, .pagePcket04 .c-fv-summerpack-cta__btn-area .btnBlock::before, .pagePcket05 .c-fv-summerpack-cta__btn-area .btnBlock::before {
  content: "";
  position: static;
  order: 2;
  flex-shrink: 0;
  width: 5.84px;
  height: 10.13px;
  margin: 0;
  top: auto;
  right: auto;
  background: url(/plus/resources/images/common/arrow01.png) no-repeat center center;
  background-size: contain;
}

.pagePcket01 .c-fv-summerpack-cta__btn-area .btnBlock > span, .pagePcket02 .c-fv-summerpack-cta__btn-area .btnBlock > span, .pagePcket03 .c-fv-summerpack-cta__btn-area .btnBlock > span, .pagePcket04 .c-fv-summerpack-cta__btn-area .btnBlock > span, .pagePcket05 .c-fv-summerpack-cta__btn-area .btnBlock > span {
  display: block;
  flex: 1 1 auto;
  order: 1;
  min-width: 0;
  width: auto;
  color: var(--white, #fff);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16.6px;
  font-weight: 700;
  line-height: 24.9px;
  letter-spacing: 0.664px;
  text-align: center;
}

/* Figma note（12px / #fff / gap 5px）— pocket 黄エリア wrapGird__notes と同仕様 */
.pagePcket01 .c-fv-summerpack-cta__notes, .pagePcket02 .c-fv-summerpack-cta__notes, .pagePcket03 .c-fv-summerpack-cta__notes, .pagePcket04 .c-fv-summerpack-cta__notes, .pagePcket05 .c-fv-summerpack-cta__notes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 358px;
  text-align: left;
  text-decoration: none;
}

.pagePcket01 .c-fv-summerpack-cta__notes-item, .pagePcket02 .c-fv-summerpack-cta__notes-item, .pagePcket03 .c-fv-summerpack-cta__notes-item, .pagePcket04 .c-fv-summerpack-cta__notes-item, .pagePcket05 .c-fv-summerpack-cta__notes-item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagePcket01 .c-fv-summerpack-cta__notes-mark, .pagePcket02 .c-fv-summerpack-cta__notes-mark, .pagePcket03 .c-fv-summerpack-cta__notes-mark, .pagePcket04 .c-fv-summerpack-cta__notes-mark, .pagePcket05 .c-fv-summerpack-cta__notes-mark {
  flex-shrink: 0;
  color: var(--white, #fff);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  font-feature-settings: "palt";
  white-space: nowrap;
}

.pagePcket01 .c-fv-summerpack-cta__notes-text, .pagePcket02 .c-fv-summerpack-cta__notes-text, .pagePcket03 .c-fv-summerpack-cta__notes-text, .pagePcket04 .c-fv-summerpack-cta__notes-text, .pagePcket05 .c-fv-summerpack-cta__notes-text {
  flex: 1 0 0;
  min-width: 0;
  margin: 0;
  color: var(--white, #fff);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  font-feature-settings: "palt";
  text-align: left;
  word-break: break-word;
}

.pagePcket01 .c-fv-summerpack-cta__notes-text a, .pagePcket02 .c-fv-summerpack-cta__notes-text a, .pagePcket03 .c-fv-summerpack-cta__notes-text a, .pagePcket04 .c-fv-summerpack-cta__notes-text a, .pagePcket05 .c-fv-summerpack-cta__notes-text a {
  color: inherit;
  text-decoration: underline;
  text-underline-position: from-font;
}

.pagePcket01 .c-fv-summerpack-cta__voice, .pagePcket02 .c-fv-summerpack-cta__voice, .pagePcket03 .c-fv-summerpack-cta__voice, .pagePcket04 .c-fv-summerpack-cta__voice, .pagePcket05 .c-fv-summerpack-cta__voice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.pagePcket01 .c-fv-summerpack-cta__voice-line, .pagePcket02 .c-fv-summerpack-cta__voice-line, .pagePcket03 .c-fv-summerpack-cta__voice-line, .pagePcket04 .c-fv-summerpack-cta__voice-line, .pagePcket05 .c-fv-summerpack-cta__voice-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0;
  width: 100%;
}

.pagePcket01 .c-fv-summerpack-cta__voice-deco, .pagePcket02 .c-fv-summerpack-cta__voice-deco, .pagePcket03 .c-fv-summerpack-cta__voice-deco, .pagePcket04 .c-fv-summerpack-cta__voice-deco, .pagePcket05 .c-fv-summerpack-cta__voice-deco {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 8.767px;
  height: 17.976px;
  overflow: visible;
}

.pagePcket01 .c-fv-summerpack-cta__voice-deco-line, .pagePcket02 .c-fv-summerpack-cta__voice-deco-line, .pagePcket03 .c-fv-summerpack-cta__voice-deco-line, .pagePcket04 .c-fv-summerpack-cta__voice-deco-line, .pagePcket05 .c-fv-summerpack-cta__voice-deco-line {
  display: block;
  width: 20px;
  height: 4px;
  flex-shrink: 0;
  transform-origin: center center;
}

.pagePcket01 .c-fv-summerpack-cta__voice-deco--l .c-fv-summerpack-cta__voice-deco-line, .pagePcket02 .c-fv-summerpack-cta__voice-deco--l .c-fv-summerpack-cta__voice-deco-line, .pagePcket03 .c-fv-summerpack-cta__voice-deco--l .c-fv-summerpack-cta__voice-deco-line, .pagePcket04 .c-fv-summerpack-cta__voice-deco--l .c-fv-summerpack-cta__voice-deco-line, .pagePcket05 .c-fv-summerpack-cta__voice-deco--l .c-fv-summerpack-cta__voice-deco-line {
  transform: rotate(-116deg);
}

.pagePcket01 .c-fv-summerpack-cta__voice-deco--r .c-fv-summerpack-cta__voice-deco-line, .pagePcket02 .c-fv-summerpack-cta__voice-deco--r .c-fv-summerpack-cta__voice-deco-line, .pagePcket03 .c-fv-summerpack-cta__voice-deco--r .c-fv-summerpack-cta__voice-deco-line, .pagePcket04 .c-fv-summerpack-cta__voice-deco--r .c-fv-summerpack-cta__voice-deco-line, .pagePcket05 .c-fv-summerpack-cta__voice-deco--r .c-fv-summerpack-cta__voice-deco-line {
  transform: rotate(-64deg) scaleY(-1);
}

.pagePcket01 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket02 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket03 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket04 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket05 .c-fv-summerpack-cta__voice-deco-line img {
  display: block;
  width: 20px;
  height: 4px;
}

.pagePcket01 .c-fv-summerpack-cta__voice-text, .pagePcket02 .c-fv-summerpack-cta__voice-text, .pagePcket03 .c-fv-summerpack-cta__voice-text, .pagePcket04 .c-fv-summerpack-cta__voice-text, .pagePcket05 .c-fv-summerpack-cta__voice-text {
  color: var(--white, #fff);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 2px;
}

.pagePcket01 .c-fv-summerpack-cta__voice-title, .pagePcket02 .c-fv-summerpack-cta__voice-title, .pagePcket03 .c-fv-summerpack-cta__voice-title, .pagePcket04 .c-fv-summerpack-cta__voice-title, .pagePcket05 .c-fv-summerpack-cta__voice-title {
  margin: 4px 0 0;
  color: var(--white, #fff);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

/* --- サマーパック紹介（#c7e8fa） --- */
.pagePcket01 .c-fv-summerpack-pack, .pagePcket02 .c-fv-summerpack-pack, .pagePcket03 .c-fv-summerpack-pack, .pagePcket04 .c-fv-summerpack-pack, .pagePcket05 .c-fv-summerpack-pack {
  position: relative;
  background: #c7e8fa;
  padding: 4rem 1.6rem 3.2rem;
}

.pagePcket01 .c-fv-summerpack-pack__arrow, .pagePcket02 .c-fv-summerpack-pack__arrow, .pagePcket03 .c-fv-summerpack-pack__arrow, .pagePcket04 .c-fv-summerpack-pack__arrow, .pagePcket05 .c-fv-summerpack-pack__arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 28px;
  height: 15px;
  margin-left: -14px;
  transform: translateY(-1px);
  pointer-events: none;
  z-index: 1;
}

.pagePcket01 .c-fv-summerpack-pack__head, .pagePcket02 .c-fv-summerpack-pack__head, .pagePcket03 .c-fv-summerpack-pack__head, .pagePcket04 .c-fv-summerpack-pack__head, .pagePcket05 .c-fv-summerpack-pack__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.2rem;
  text-align: center;
}

.pagePcket01 .c-fv-summerpack-pack__head-lead, .pagePcket02 .c-fv-summerpack-pack__head-lead, .pagePcket03 .c-fv-summerpack-pack__head-lead, .pagePcket04 .c-fv-summerpack-pack__head-lead, .pagePcket05 .c-fv-summerpack-pack__head-lead {
  margin: 0;
  color: #212121;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.pagePcket01 .c-fv-summerpack-pack__head-title, .pagePcket02 .c-fv-summerpack-pack__head-title, .pagePcket03 .c-fv-summerpack-pack__head-title, .pagePcket04 .c-fv-summerpack-pack__head-title, .pagePcket05 .c-fv-summerpack-pack__head-title {
  margin: 0;
  color: #212121;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: underline;
  text-decoration-color: var(--cocha_accent, #ffe900);
  text-decoration-thickness: 20%;
  text-underline-offset: 0.15em;
}

.pagePcket01 .c-fv-summerpack-pack__items, .pagePcket02 .c-fv-summerpack-pack__items, .pagePcket03 .c-fv-summerpack-pack__items, .pagePcket04 .c-fv-summerpack-pack__items, .pagePcket05 .c-fv-summerpack-pack__items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  row-gap: 12px;
  column-gap: 0;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  width: 100%;
}

.pagePcket01 .c-fv-summerpack-pack__item, .pagePcket02 .c-fv-summerpack-pack__item, .pagePcket03 .c-fv-summerpack-pack__item, .pagePcket04 .c-fv-summerpack-pack__item, .pagePcket05 .c-fv-summerpack-pack__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 118px;
  gap: 3px;
  width: 118px;
  height: 120px;
}

.pagePcket01 .c-fv-summerpack-pack__item-img {
  display: block;
  width: 100px;
  height: 100px;
  object-fit: contain;
}
/* ぽけっと・ほっぷ：コースアイコン（Figma image 78） */
.pagePcket02 .c-fv-summerpack-pack__item-img-wrap,
.pagePcket05 .c-fv-summerpack-pack__item-img-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.pagePcket02 .c-fv-summerpack-pack__item-img,
.pagePcket05 .c-fv-summerpack-pack__item-img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}

/* ほっぷ：知育（Figma hop_1 / 40021774:9609） */
.pagePcket02 .c-fv-summerpack-pack__item--chiku .c-fv-summerpack-pack__item-img {
  top: 0;
  left: 9px;
  width: 83px;
  height: 100px;
}

.pagePcket05 .c-fv-summerpack-pack__item--chiku .c-fv-summerpack-pack__item-img {
  top: 0;
  left: 3px;
  width: 94px;
  height: 100px;
}

/* hop（pagePcket02）：Figma hop_2 1 — left 9px / 83×100 */
.pagePcket02 .c-fv-summerpack-pack__item--hyogen .c-fv-summerpack-pack__item-img {
  top: 0;
  left: 9px;
  width: 83px;
  height: 100px;
}

.pagePcket05 .c-fv-summerpack-pack__item--hyogen .c-fv-summerpack-pack__item-img {
  top: 14px;
  left: 0;
  width: 100px;
  height: 73px;
}

.pagePcket05 .c-fv-summerpack-pack__item--yomi .c-fv-summerpack-pack__item-img {
  top: 0;
  left: 12px;
  width: 76px;
  height: 100px;
}

.pagePcket02 .c-fv-summerpack-pack__item--yomi .c-fv-summerpack-pack__item-img {
  top: 0;
  left: 9px;
  width: 83px;
  height: 100px;
}

/* すてっぷ：コースアイコン（Figma 40020623:2119 / 250722_60471_plus_summer_step_pic_2） */
.pagePcket03 .c-fv-summerpack-pack__item-img-wrap {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.pagePcket03 .c-fv-summerpack-pack__item-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pagePcket03 .c-fv-summerpack-pack__item--programming .c-fv-summerpack-pack__item-label {
  letter-spacing: -0.02em;
}

/* じゃんぷ：コースアイコン（Figma 40020680:15537 / img8） */
.pagePcket04 .c-fv-summerpack-pack__item-img-wrap {
  position: relative;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.pagePcket04 .c-fv-summerpack-pack__item-img-crop {
  position: absolute;
  display: block;
  overflow: hidden;
  pointer-events: none;
}

.pagePcket04 .c-fv-summerpack-pack__item-img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}

.pagePcket04 .c-fv-summerpack-pack__item--chiku .c-fv-summerpack-pack__item-img-crop {
  top: 0;
  left: 9px;
  width: 82px;
  height: 100px;
}

.pagePcket04 .c-fv-summerpack-pack__item--chiku .c-fv-summerpack-pack__item-img {
  top: -10.28%;
  left: 0;
  width: 467.05%;
  height: 148.6%;
}

.pagePcket04 .c-fv-summerpack-pack__item--yomi .c-fv-summerpack-pack__item-img-crop {
  top: 0;
  left: 14px;
  width: 72px;
  height: 100px;
}

.pagePcket04 .c-fv-summerpack-pack__item--yomi .c-fv-summerpack-pack__item-img {
  top: 0;
  left: -119.05%;
  width: 489.29%;
  height: 134.75%;
}

/* じゃんぷ：プログラミングプラス（Figma 40021774:9530 / じゃんぷ 3） */
.pagePcket04 .c-fv-summerpack-pack__item--programming .c-fv-summerpack-pack__item-img-crop {
  top: 25px;
  left: 0;
  width: 100px;
  height: 51px;
}

.pagePcket04 .c-fv-summerpack-pack__item--programming .c-fv-summerpack-pack__item-img {
  top: -66.15%;
  left: -148.44%;
  width: 321.09%;
  height: 244.62%;
}

.pagePcket04 .c-fv-summerpack-pack__item--science .c-fv-summerpack-pack__item-img-crop {
  top: 0;
  left: 14px;
  width: 73px;
  height: 100px;
}

.pagePcket04 .c-fv-summerpack-pack__item--science .c-fv-summerpack-pack__item-img {
  top: 0;
  left: -383.53%;
  width: 483.53%;
  height: 134.75%;
}

.pagePcket04 .c-fv-summerpack-pack__item--yomi .c-fv-summerpack-pack__item-label,
.pagePcket04 .c-fv-summerpack-pack__item--programming .c-fv-summerpack-pack__item-label {
  letter-spacing: -0.02em;
}

/* すてっぷ：5コース＋特典（特典を次行フル幅で中央寄せ） */
.pagePcket03 .c-fv-summerpack-pack__item--bonus {
  /* flex: 0 0 100%;
  width: 100%;
  max-width: 100%; */
  justify-content: center;
}

/* じゃんぷ：2行目はサイエンス＋特典118px並び（Figma 40021774:9647 + Frame23） */
.pagePcket04 .c-fv-summerpack-pack__items {
  justify-content: space-between;
}

.pagePcket04 .c-fv-summerpack-pack__item--bonus {
  flex: 0 0 118px;
  width: 118px;
  max-width: 118px;
}

.pagePcket01 .c-fv-summerpack-pack__item--bonus, .pagePcket02 .c-fv-summerpack-pack__item--bonus, .pagePcket03 .c-fv-summerpack-pack__item--bonus, .pagePcket04 .c-fv-summerpack-pack__item--bonus, .pagePcket05 .c-fv-summerpack-pack__item--bonus {
  gap: 0;
}

.pagePcket01 .c-fv-summerpack-pack__bonus, .pagePcket02 .c-fv-summerpack-pack__bonus, .pagePcket03 .c-fv-summerpack-pack__bonus, .pagePcket04 .c-fv-summerpack-pack__bonus, .pagePcket05 .c-fv-summerpack-pack__bonus {
  position: relative;
  width: 118px;
  height: 120px;
  overflow: hidden;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-bg, .pagePcket02 .c-fv-summerpack-pack__bonus-bg, .pagePcket03 .c-fv-summerpack-pack__bonus-bg, .pagePcket04 .c-fv-summerpack-pack__bonus-bg, .pagePcket05 .c-fv-summerpack-pack__bonus-bg {
  position: absolute;
  top: 4.06px;
  left: 3px;
  z-index: 0;
  width: 112px;
  height: 111px;
  background: var(--cocha_primary, #e81829);
  border-radius: 60px;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-border, .pagePcket02 .c-fv-summerpack-pack__bonus-border, .pagePcket03 .c-fv-summerpack-pack__bonus-border, .pagePcket04 .c-fv-summerpack-pack__bonus-border, .pagePcket05 .c-fv-summerpack-pack__bonus-border {
  position: absolute;
  top: 1.06px;
  left: 0;
  z-index: 1;
  width: 118px;
  height: 117px;
  border: 1px solid var(--cocha_primary, #e81829);
  border-radius: 60px;
  box-sizing: border-box;
  pointer-events: none;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-sheet-wrap, .pagePcket02 .c-fv-summerpack-pack__bonus-sheet-wrap, .pagePcket03 .c-fv-summerpack-pack__bonus-sheet-wrap, .pagePcket04 .c-fv-summerpack-pack__bonus-sheet-wrap, .pagePcket05 .c-fv-summerpack-pack__bonus-sheet-wrap {
  position: absolute;
  top: 0;
  left: 55%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 86.787px;
  height: 108px;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-sheet-inner, .pagePcket02 .c-fv-summerpack-pack__bonus-sheet-inner, .pagePcket03 .c-fv-summerpack-pack__bonus-sheet-inner, .pagePcket04 .c-fv-summerpack-pack__bonus-sheet-inner, .pagePcket05 .c-fv-summerpack-pack__bonus-sheet-inner {
  width: 74.927px;
  height: 98px;
  border: 0.8px solid var(--white, #fff);
  box-shadow: 3px 1px 4px rgba(0, 0, 0, 0.15);
  transform: rotate(6.66deg);
  transform-origin: center top;
  overflow: hidden;
}

/* リボン下に隠れる注釈テキストをトルツメ（Figma image 77 準拠） */
.pagePcket01 .c-fv-summerpack-pack__bonus-sheet, .pagePcket02 .c-fv-summerpack-pack__bonus-sheet, .pagePcket03 .c-fv-summerpack-pack__bonus-sheet, .pagePcket04 .c-fv-summerpack-pack__bonus-sheet, .pagePcket05 .c-fv-summerpack-pack__bonus-sheet {
  display: block;
  width: 100%;
  height: 112%;
  object-fit: cover;
  object-position: center top;
}

/* jump：特典カード内コンテンツ中央揃え（Figma Frame23 / 40021774:9085） */
.pagePcket04 .c-fv-summerpack-pack__bonus-bg {
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}

.pagePcket04 .c-fv-summerpack-pack__bonus-border {
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}

.pagePcket04 .c-fv-summerpack-pack__bonus-sheet-wrap {
  top: 50%;
  left: 50%;
  width: 86.787px;
  height: 114.649px;
  margin: 0;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
}

.pagePcket04 .c-fv-summerpack-pack__bonus-sheet-inner {
  transform-origin: center center;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-foot, .pagePcket02 .c-fv-summerpack-pack__bonus-foot, .pagePcket03 .c-fv-summerpack-pack__bonus-foot, .pagePcket04 .c-fv-summerpack-pack__bonus-foot, .pagePcket05 .c-fv-summerpack-pack__bonus-foot {
  position: absolute;
  bottom: 2px;
  left: 50%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 113.083px;
  margin: 0 0 0 -56.542px;
  overflow: visible;
}

/* jump：特典フッター中央寄せ（margin と transform の二重指定を解消） */
.pagePcket04 .c-fv-summerpack-pack__bonus {
  overflow: visible;
}

.pagePcket04 .c-fv-summerpack-pack__bonus-foot {
  left: 50%;
  width: 113.083px;
  margin: 0;
  transform: translateX(-50%);
}

.pagePcket04 .c-fv-summerpack-pack__bonus-title {
  justify-content: center;
  width: 100%;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-badge, .pagePcket02 .c-fv-summerpack-pack__bonus-badge, .pagePcket03 .c-fv-summerpack-pack__bonus-badge, .pagePcket04 .c-fv-summerpack-pack__bonus-badge, .pagePcket05 .c-fv-summerpack-pack__bonus-badge {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 -1px;
  padding: 2px 4px;
  background: var(--cocha_primary, #e81829);
  border-radius: 40px;
  color: var(--white, #fff);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.27px;
  white-space: nowrap;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-title, .pagePcket02 .c-fv-summerpack-pack__bonus-title, .pagePcket03 .c-fv-summerpack-pack__bonus-title, .pagePcket04 .c-fv-summerpack-pack__bonus-title, .pagePcket05 .c-fv-summerpack-pack__bonus-title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  margin: 0;
  width: 100%;
}

/* Figma 40020680:10479 / 40021774:9082–9083 — 左右あしらい（黄線＋赤縁） */
.pagePcket01 .c-fv-summerpack-pack__bonus-title-deco, .pagePcket02 .c-fv-summerpack-pack__bonus-title-deco, .pagePcket03 .c-fv-summerpack-pack__bonus-title-deco, .pagePcket04 .c-fv-summerpack-pack__bonus-title-deco, .pagePcket05 .c-fv-summerpack-pack__bonus-title-deco {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 6.654px;
  height: 15px;
  overflow: visible;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket02 .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket03 .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket04 .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket05 .c-fv-summerpack-pack__bonus-title-deco-line {
  display: block;
  width: 15.473px;
  height: 5.391px;
  flex-shrink: 0;
  transform-origin: center center;
}

.pagePcket01 .c-fv-summerpack-pack__bonus-title-deco--l .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket02 .c-fv-summerpack-pack__bonus-title-deco--l .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket03 .c-fv-summerpack-pack__bonus-title-deco--l .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket04 .c-fv-summerpack-pack__bonus-title-deco--l .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket05 .c-fv-summerpack-pack__bonus-title-deco--l .c-fv-summerpack-pack__bonus-title-deco-line {
  transform: rotate(-110.22deg);
}

.pagePcket01 .c-fv-summerpack-pack__bonus-title-deco--r .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket02 .c-fv-summerpack-pack__bonus-title-deco--r .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket03 .c-fv-summerpack-pack__bonus-title-deco--r .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket04 .c-fv-summerpack-pack__bonus-title-deco--r .c-fv-summerpack-pack__bonus-title-deco-line, .pagePcket05 .c-fv-summerpack-pack__bonus-title-deco--r .c-fv-summerpack-pack__bonus-title-deco-line {
  transform: rotate(-69.78deg) scaleY(-1);
}

.pagePcket01 .c-fv-summerpack-pack__bonus-title-deco-line img, .pagePcket02 .c-fv-summerpack-pack__bonus-title-deco-line img, .pagePcket03 .c-fv-summerpack-pack__bonus-title-deco-line img, .pagePcket04 .c-fv-summerpack-pack__bonus-title-deco-line img, .pagePcket05 .c-fv-summerpack-pack__bonus-title-deco-line img {
  display: block;
  width: 15.473px;
  height: auto;
  max-width: none;
}

/* Figma 40021774:9081 — 黄文字 #fff000 + 赤縁（Black 11px / -0.22px） */
.pagePcket01 .c-fv-summerpack-pack__bonus-title-text, .pagePcket02 .c-fv-summerpack-pack__bonus-title-text, .pagePcket03 .c-fv-summerpack-pack__bonus-title-text, .pagePcket04 .c-fv-summerpack-pack__bonus-title-text, .pagePcket05 .c-fv-summerpack-pack__bonus-title-text {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--cocha_accent, #fff000);
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: var(--cocha_primary, #e81829);
  paint-order: stroke fill;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.22px;
  text-align: center;
  white-space: nowrap;
  word-break: break-word;
}

.pagePcket01 .c-fv-summerpack-pack__item-label, .pagePcket02 .c-fv-summerpack-pack__item-label, .pagePcket03 .c-fv-summerpack-pack__item-label, .pagePcket04 .c-fv-summerpack-pack__item-label, .pagePcket05 .c-fv-summerpack-pack__item-label {
  margin: 0;
  color: var(--main, #221815);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

/* Figma: note 40020643:837（gap 2px / 12px / #676979 / ※+本文 flex） */
.pagePcket01 .c-fv-summerpack-pack__notes, .pagePcket02 .c-fv-summerpack-pack__notes, .pagePcket03 .c-fv-summerpack-pack__notes, .pagePcket04 .c-fv-summerpack-pack__notes, .pagePcket05 .c-fv-summerpack-pack__notes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 2px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
}

.pagePcket01 .c-fv-summerpack-pack__notes-item, .pagePcket02 .c-fv-summerpack-pack__notes-item, .pagePcket03 .c-fv-summerpack-pack__notes-item, .pagePcket04 .c-fv-summerpack-pack__notes-item, .pagePcket05 .c-fv-summerpack-pack__notes-item,
.pagePcket01 .c-fv-summerpack-pack__notes > li, .pagePcket02 .c-fv-summerpack-pack__notes > li, .pagePcket03 .c-fv-summerpack-pack__notes > li, .pagePcket04 .c-fv-summerpack-pack__notes > li, .pagePcket05 .c-fv-summerpack-pack__notes > li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  color: var(--sub2, #676979);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  font-feature-settings: "palt";
  text-align: left;
  word-break: break-word;
}

.pagePcket01 .c-fv-summerpack-pack__notes-mark, .pagePcket02 .c-fv-summerpack-pack__notes-mark, .pagePcket03 .c-fv-summerpack-pack__notes-mark, .pagePcket04 .c-fv-summerpack-pack__notes-mark, .pagePcket05 .c-fv-summerpack-pack__notes-mark {
  flex-shrink: 0;
  white-space: nowrap;
}

.pagePcket01 .c-fv-summerpack-pack__notes-text, .pagePcket02 .c-fv-summerpack-pack__notes-text, .pagePcket03 .c-fv-summerpack-pack__notes-text, .pagePcket04 .c-fv-summerpack-pack__notes-text, .pagePcket05 .c-fv-summerpack-pack__notes-text {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  line-height: 1.4;
}

/* PC：CTAリード・ボイス（SPは13px / 12px / 20pxのまま） */
@media only screen and (min-width: 641px) {
  .pagePcket01 .c-fv-summerpack-cta__lead, .pagePcket02 .c-fv-summerpack-cta__lead, .pagePcket03 .c-fv-summerpack-cta__lead, .pagePcket04 .c-fv-summerpack-cta__lead, .pagePcket05 .c-fv-summerpack-cta__lead,
  .pagePcket01 .c-fv-summerpack-cta__lead-text, .pagePcket02 .c-fv-summerpack-cta__lead-text, .pagePcket03 .c-fv-summerpack-cta__lead-text, .pagePcket04 .c-fv-summerpack-cta__lead-text, .pagePcket05 .c-fv-summerpack-cta__lead-text {
    font-size: 20px;
    line-height: 1.2;
  }

  .pagePcket01 .c-fv-summerpack-cta__lead-deco, .pagePcket02 .c-fv-summerpack-cta__lead-deco, .pagePcket03 .c-fv-summerpack-cta__lead-deco, .pagePcket04 .c-fv-summerpack-cta__lead-deco, .pagePcket05 .c-fv-summerpack-cta__lead-deco {
    width: 20px;
    height: 36px;
  }

  .pagePcket01 .c-fv-summerpack-cta__lead-text, .pagePcket02 .c-fv-summerpack-cta__lead-text, .pagePcket03 .c-fv-summerpack-cta__lead-text, .pagePcket04 .c-fv-summerpack-cta__lead-text, .pagePcket05 .c-fv-summerpack-cta__lead-text {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 0.4em;
  }

  .pagePcket01 .c-fv-summerpack-cta__lead-text > span, .pagePcket02 .c-fv-summerpack-cta__lead-text > span, .pagePcket03 .c-fv-summerpack-cta__lead-text > span, .pagePcket04 .c-fv-summerpack-cta__lead-text > span, .pagePcket05 .c-fv-summerpack-cta__lead-text > span {
    display: inline;
    width: auto;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice, .pagePcket02 .c-fv-summerpack-cta__voice, .pagePcket03 .c-fv-summerpack-cta__voice, .pagePcket04 .c-fv-summerpack-cta__voice, .pagePcket05 .c-fv-summerpack-cta__voice {
    gap: 8px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-line, .pagePcket02 .c-fv-summerpack-cta__voice-line, .pagePcket03 .c-fv-summerpack-cta__voice-line, .pagePcket04 .c-fv-summerpack-cta__voice-line, .pagePcket05 .c-fv-summerpack-cta__voice-line {
    gap: 4px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-deco, .pagePcket02 .c-fv-summerpack-cta__voice-deco, .pagePcket03 .c-fv-summerpack-cta__voice-deco, .pagePcket04 .c-fv-summerpack-cta__voice-deco, .pagePcket05 .c-fv-summerpack-cta__voice-deco {
    width: 11px;
    height: 22px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-deco-line, .pagePcket02 .c-fv-summerpack-cta__voice-deco-line, .pagePcket03 .c-fv-summerpack-cta__voice-deco-line, .pagePcket04 .c-fv-summerpack-cta__voice-deco-line, .pagePcket05 .c-fv-summerpack-cta__voice-deco-line {
    width: 24px;
    height: 5px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket02 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket03 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket04 .c-fv-summerpack-cta__voice-deco-line img, .pagePcket05 .c-fv-summerpack-cta__voice-deco-line img {
    width: 24px;
    height: 5px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-text, .pagePcket02 .c-fv-summerpack-cta__voice-text, .pagePcket03 .c-fv-summerpack-cta__voice-text, .pagePcket04 .c-fv-summerpack-cta__voice-text, .pagePcket05 .c-fv-summerpack-cta__voice-text {
    font-size: 16px;
    line-height: 1.2;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-title, .pagePcket02 .c-fv-summerpack-cta__voice-title, .pagePcket03 .c-fv-summerpack-cta__voice-title, .pagePcket04 .c-fv-summerpack-cta__voice-title, .pagePcket05 .c-fv-summerpack-cta__voice-title {
    margin-top: 8px;
    font-size: 28px;
    line-height: 1.2;
  }

  /* PC：固定CTA（.fixedBtn .btnBlock）と同幅 550px */
  .pagePcket01 .c-fv-summerpack-cta__btn-area, .pagePcket02 .c-fv-summerpack-cta__btn-area, .pagePcket03 .c-fv-summerpack-cta__btn-area, .pagePcket04 .c-fv-summerpack-cta__btn-area, .pagePcket05 .c-fv-summerpack-cta__btn-area {
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
  }

  .pagePcket01 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket02 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket03 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket04 .c-fv-summerpack-cta__btn-area .btnBlock, .pagePcket05 .c-fv-summerpack-cta__btn-area .btnBlock {
    max-width: 550px;
    height: 45px;
    min-height: 45px;
  }

  .pagePcket01 .c-fv-summerpack-cta__notes, .pagePcket02 .c-fv-summerpack-cta__notes, .pagePcket03 .c-fv-summerpack-cta__notes, .pagePcket04 .c-fv-summerpack-cta__notes, .pagePcket05 .c-fv-summerpack-cta__notes {
    max-width: 550px;
  }

  /* PC：Figma lead 390px / 中身 358px */
  .pagePcket01 .c-fv-summerpack-pack .c-fv-summerpack-intro__inner,
  .pagePcket02 .c-fv-summerpack-pack .c-fv-summerpack-intro__inner,
  .pagePcket03 .c-fv-summerpack-pack .c-fv-summerpack-intro__inner,
  .pagePcket04 .c-fv-summerpack-pack .c-fv-summerpack-intro__inner,
  .pagePcket05 .c-fv-summerpack-pack .c-fv-summerpack-intro__inner {
    max-width: 39rem;
    width: 100%;
  }

  .pagePcket01 .c-fv-summerpack-pack__items, .pagePcket02 .c-fv-summerpack-pack__items, .pagePcket03 .c-fv-summerpack-pack__items, .pagePcket04 .c-fv-summerpack-pack__items, .pagePcket05 .c-fv-summerpack-pack__items {
    /* max-width: 35.8rem; */
    margin: 24px 0 20px;
  }

  .pagePcket01 .c-fv-summerpack-pack__notes, .pagePcket02 .c-fv-summerpack-pack__notes, .pagePcket03 .c-fv-summerpack-pack__notes, .pagePcket04 .c-fv-summerpack-pack__notes, .pagePcket05 .c-fv-summerpack-pack__notes {
    max-width: 35.8rem;
  }
}

@media only screen and (max-width: 640px) {
  .pagePcket01 .c-fv-summerpack-cta, .pagePcket02 .c-fv-summerpack-cta, .pagePcket03 .c-fv-summerpack-cta, .pagePcket04 .c-fv-summerpack-cta, .pagePcket05 .c-fv-summerpack-cta {
    padding: 3.2rem 1.6rem;
  }

  .pagePcket01 .c-fv-summerpack-intro__inner, .pagePcket02 .c-fv-summerpack-intro__inner, .pagePcket03 .c-fv-summerpack-intro__inner, .pagePcket04 .c-fv-summerpack-intro__inner, .pagePcket05 .c-fv-summerpack-intro__inner {
    width: 100%;
    max-width: none;
  }

  .pagePcket01 .c-fv-summerpack-cta__inner, .pagePcket02 .c-fv-summerpack-cta__inner, .pagePcket03 .c-fv-summerpack-cta__inner, .pagePcket04 .c-fv-summerpack-cta__inner, .pagePcket05 .c-fv-summerpack-cta__inner {
    gap: 0;
    width: 100%;
  }

  .pagePcket01 .c-fv-summerpack-cta__lead, .pagePcket02 .c-fv-summerpack-cta__lead, .pagePcket03 .c-fv-summerpack-cta__lead, .pagePcket04 .c-fv-summerpack-cta__lead, .pagePcket05 .c-fv-summerpack-cta__lead,
  .pagePcket01 .c-fv-summerpack-cta__lead-text, .pagePcket02 .c-fv-summerpack-cta__lead-text, .pagePcket03 .c-fv-summerpack-cta__lead-text, .pagePcket04 .c-fv-summerpack-cta__lead-text, .pagePcket05 .c-fv-summerpack-cta__lead-text {
    font-size: 13px;
    line-height: 1.2;
  }

  .pagePcket01 .c-fv-summerpack-cta__btn-area, .pagePcket02 .c-fv-summerpack-cta__btn-area, .pagePcket03 .c-fv-summerpack-cta__btn-area, .pagePcket04 .c-fv-summerpack-cta__btn-area, .pagePcket05 .c-fv-summerpack-cta__btn-area {
    gap: 8px;
    max-width: 358px;
  }

  .pagePcket01 .c-fv-summerpack-cta__notes, .pagePcket02 .c-fv-summerpack-cta__notes, .pagePcket03 .c-fv-summerpack-cta__notes, .pagePcket04 .c-fv-summerpack-cta__notes, .pagePcket05 .c-fv-summerpack-cta__notes {
    gap: 5px;
    max-width: 358px;
  }

  .pagePcket01 .c-fv-summerpack-cta__notes-mark, .pagePcket02 .c-fv-summerpack-cta__notes-mark, .pagePcket03 .c-fv-summerpack-cta__notes-mark, .pagePcket04 .c-fv-summerpack-cta__notes-mark, .pagePcket05 .c-fv-summerpack-cta__notes-mark,
  .pagePcket01 .c-fv-summerpack-cta__notes-text, .pagePcket02 .c-fv-summerpack-cta__notes-text, .pagePcket03 .c-fv-summerpack-cta__notes-text, .pagePcket04 .c-fv-summerpack-cta__notes-text, .pagePcket05 .c-fv-summerpack-cta__notes-text {
    font-size: 12px;
    line-height: 1.4;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice, .pagePcket02 .c-fv-summerpack-cta__voice, .pagePcket03 .c-fv-summerpack-cta__voice, .pagePcket04 .c-fv-summerpack-cta__voice, .pagePcket05 .c-fv-summerpack-cta__voice {
    gap: 4px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-line, .pagePcket02 .c-fv-summerpack-cta__voice-line, .pagePcket03 .c-fv-summerpack-cta__voice-line, .pagePcket04 .c-fv-summerpack-cta__voice-line, .pagePcket05 .c-fv-summerpack-cta__voice-line {
    gap: 2px;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-text, .pagePcket02 .c-fv-summerpack-cta__voice-text, .pagePcket03 .c-fv-summerpack-cta__voice-text, .pagePcket04 .c-fv-summerpack-cta__voice-text, .pagePcket05 .c-fv-summerpack-cta__voice-text {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .pagePcket01 .c-fv-summerpack-cta__voice-title, .pagePcket02 .c-fv-summerpack-cta__voice-title, .pagePcket03 .c-fv-summerpack-cta__voice-title, .pagePcket04 .c-fv-summerpack-cta__voice-title, .pagePcket05 .c-fv-summerpack-cta__voice-title {
    margin-top: 4px;
    font-size: 20px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .pagePcket01 .c-fv-summerpack-pack, .pagePcket02 .c-fv-summerpack-pack, .pagePcket03 .c-fv-summerpack-pack, .pagePcket04 .c-fv-summerpack-pack, .pagePcket05 .c-fv-summerpack-pack {
    padding: 40px 16px 32px;
  }

  .pagePcket01 .c-fv-summerpack-pack__head, .pagePcket02 .c-fv-summerpack-pack__head, .pagePcket03 .c-fv-summerpack-pack__head, .pagePcket04 .c-fv-summerpack-pack__head, .pagePcket05 .c-fv-summerpack-pack__head {
    gap: 8px;
    margin-bottom: 12px;
  }

  .pagePcket01 .c-fv-summerpack-pack__head-lead, .pagePcket02 .c-fv-summerpack-pack__head-lead, .pagePcket03 .c-fv-summerpack-pack__head-lead, .pagePcket04 .c-fv-summerpack-pack__head-lead, .pagePcket05 .c-fv-summerpack-pack__head-lead {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .pagePcket01 .c-fv-summerpack-pack__head-title, .pagePcket02 .c-fv-summerpack-pack__head-title, .pagePcket03 .c-fv-summerpack-pack__head-title, .pagePcket04 .c-fv-summerpack-pack__head-title, .pagePcket05 .c-fv-summerpack-pack__head-title {
    font-size: 20px;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration-color: var(--cocha_accent, #fff100);
    text-decoration-thickness: 20%;
    text-underline-offset: 0.15em;
  }

  .pagePcket01 .c-fv-summerpack-pack__items, .pagePcket02 .c-fv-summerpack-pack__items, .pagePcket03 .c-fv-summerpack-pack__items, .pagePcket04 .c-fv-summerpack-pack__items, .pagePcket05 .c-fv-summerpack-pack__items {
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    row-gap: 12px;
    column-gap: 0;
    margin: 16px 0 12px;
    max-width: 358px;
    margin-left: auto;
    margin-right: auto;
  }

  .pagePcket04 .c-fv-summerpack-pack__items {
    justify-content: flex-start;
  }

  .pagePcket01 .c-fv-summerpack-pack__item, .pagePcket02 .c-fv-summerpack-pack__item, .pagePcket03 .c-fv-summerpack-pack__item, .pagePcket04 .c-fv-summerpack-pack__item, .pagePcket05 .c-fv-summerpack-pack__item {
    flex: 0 0 118px;
    width: 118px;
    max-width: 118px;
    min-width: 118px;
    height: 120px;
    gap: 3px;
  }

  .pagePcket02 .c-fv-summerpack-pack__item-img-wrap,
  .pagePcket03 .c-fv-summerpack-pack__item-img-wrap,
  .pagePcket04 .c-fv-summerpack-pack__item-img-wrap,
  .pagePcket05 .c-fv-summerpack-pack__item-img-wrap {
    width: 100px;
    height: 100px;
  }

  .pagePcket01 .c-fv-summerpack-pack__item-img {
    width: 84.75%;
    max-width: 100px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .pagePcket01 .c-fv-summerpack-pack__bonus, .pagePcket02 .c-fv-summerpack-pack__bonus, .pagePcket03 .c-fv-summerpack-pack__bonus, .pagePcket04 .c-fv-summerpack-pack__bonus, .pagePcket05 .c-fv-summerpack-pack__bonus {
    width: 118px;
    height: 120px;
  }

  .pagePcket01 .c-fv-summerpack-pack__item-label, .pagePcket02 .c-fv-summerpack-pack__item-label, .pagePcket03 .c-fv-summerpack-pack__item-label, .pagePcket04 .c-fv-summerpack-pack__item-label, .pagePcket05 .c-fv-summerpack-pack__item-label {
    font-size: 12px;
    line-height: 1.4;
    width: 100%;
    white-space: nowrap;
  }

  .pagePcket01 .c-fv-summerpack-pack__notes-item, .pagePcket02 .c-fv-summerpack-pack__notes-item, .pagePcket03 .c-fv-summerpack-pack__notes-item, .pagePcket04 .c-fv-summerpack-pack__notes-item, .pagePcket05 .c-fv-summerpack-pack__notes-item,
  .pagePcket01 .c-fv-summerpack-pack__notes > li, .pagePcket02 .c-fv-summerpack-pack__notes > li, .pagePcket03 .c-fv-summerpack-pack__notes > li, .pagePcket04 .c-fv-summerpack-pack__notes > li, .pagePcket05 .c-fv-summerpack-pack__notes > li {
    font-size: 12px;
    line-height: 1.4;
  }
}