:root {
  --font-mplus: "M PLUS Rounded 1c", sans-serif;
  --font-lilita: "Lilita One", cursive;
  color: #3c2d1c;
  scroll-padding: 40px;
  scroll-behavior: smooth;
}

a:hover {
  transition: opacity 0.2s;
  opacity: 0.8;
}

button:hover {
  transition: opacity 0.2s;
  opacity: 0.8;
}

details .details-closed {
  display: block;
}

details .details-open {
  display: none;
}

details[open] .details-closed {
  display: none;
}

details[open] .details-open {
  display: block;
}

.paper {
  position: relative;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25) !important;
}

.paper.white {
  background-color: white;
  padding: 64px 80px;
}

@media (max-width: 768px) {
  .paper.white {
    padding: 40px 32px;
  }
}

.section-title {
  display: flex;
  position: relative;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding: 4px 40px;
  margin: 0 auto 42px;
  border-radius: 10px;
  border: 4px solid var(---brown, #3c2d1c);
  background: var(---white, #fff);
  color: var(---brown, #3c2d1c);
  font-size: 36px;
  font-weight: 900;
  line-height: 150%;
}

.section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  box-sizing: border-box;
  transform: translateX(-50%);
  width: 28px;
  height: 18px;
  background-color: #3c2d1c;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

@media (max-width: 768px) {
  .section-title {
    padding: 4px 32px;
    font-size: 32px;
  }
}

/* テープクラスシステム */
.tape {
  position: absolute;
  z-index: 10;
}

/* テープの形状パターン（位置も含む） */
/* tape-1: 左上向きテープ（小）- 常に左上 */
.tape-1 {
  width: 80px;
  height: 75px;
  top: -24px;
  left: -24px;
}

.tape-1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* tape-2: 右上向きテープ（標準）- 常に右上 */
.tape-2 {
  width: 78px;
  height: 80px;
  top: -24px;
  right: -24px;
}

.tape-2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* tape-3: 左上向きテープ（大）- 常に左上 */
.tape-3 {
  width: 89px;
  height: 80px;
  top: -24px;
  left: -24px;
}

.tape-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* tape-4: 右上向きテープ（ワイド）- 常に右上 */
.tape-4 {
  width: 102px;
  height: 56px;
  top: -24px;
  right: -24px;
}

.tape-4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* テープの色 */
.tape-orange {
  color: #ef9900;
}

.tape-blue {
  color: #2a68d8;
}

.tape-red {
  color: #f23d4a;
}

.tape-yellow {
  color: #e7c500;
}

.tape-green {
  color: #05af52;
}

.tape-purple {
  color: #e06eff;
}

/* 各テープパターンと色の組み合わせ */
/* tape-1の色バリエーション */
.tape-1.tape-orange::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='75' viewBox='0 0 80 75' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10346)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.9' d='M71.7172 9.88494C69.577 7.47908 67.0799 5.43061 64.9135 3.05091C64.1305 2.19665 63.0343 1.10704 62.4078 0L0 55.7096C2.1838 56.9561 4.41109 60.2162 5.70745 61.6109C9.80533 66.0216 13.8945 70.4411 17.8097 75L80 19.4909C76.7896 16.8323 74.5362 13.0404 71.7172 9.88494Z' fill='%23EF9900'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10346'%3E%3Crect width='80' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-1.tape-blue::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='75' viewBox='0 0 80 75' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10346)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.9' d='M71.7172 9.88494C69.577 7.47908 67.0799 5.43061 64.9135 3.05091C64.1305 2.19665 63.0343 1.10704 62.4078 0L0 55.7096C2.1838 56.9561 4.41109 60.2162 5.70745 61.6109C9.80533 66.0216 13.8945 70.4411 17.8097 75L80 19.4909C76.7896 16.8323 74.5362 13.0404 71.7172 9.88494Z' fill='%232A68D8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10346'%3E%3Crect width='80' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-1.tape-red::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='75' viewBox='0 0 80 75' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10346)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.9' d='M71.7172 9.88494C69.577 7.47908 67.0799 5.43061 64.9135 3.05091C64.1305 2.19665 63.0343 1.10704 62.4078 0L0 55.7096C2.1838 56.9561 4.41109 60.2162 5.70745 61.6109C9.80533 66.0216 13.8945 70.4411 17.8097 75L80 19.4909C76.7896 16.8323 74.5362 13.0404 71.7172 9.88494Z' fill='%23F23D4A'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10346'%3E%3Crect width='80' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-1.tape-yellow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='75' viewBox='0 0 80 75' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10346)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.9' d='M71.7172 9.88494C69.577 7.47908 67.0799 5.43061 64.9135 3.05091C64.1305 2.19665 63.0343 1.10704 62.4078 0L0 55.7096C2.1838 56.9561 4.41109 60.2162 5.70745 61.6109C9.80533 66.0216 13.8945 70.4411 17.8097 75L80 19.4909C76.7896 16.8323 74.5362 13.0404 71.7172 9.88494Z' fill='%23E7C500'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10346'%3E%3Crect width='80' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-1.tape-green::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='75' viewBox='0 0 80 75' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10346)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.9' d='M71.7172 9.88494C69.577 7.47908 67.0799 5.43061 64.9135 3.05091C64.1305 2.19665 63.0343 1.10704 62.4078 0L0 55.7096C2.1838 56.9561 4.41109 60.2162 5.70745 61.6109C9.80533 66.0216 13.8945 70.4411 17.8097 75L80 19.4909C76.7896 16.8323 74.5362 13.0404 71.7172 9.88494Z' fill='%2305AF52'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10346'%3E%3Crect width='80' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-1.tape-purple::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='75' viewBox='0 0 80 75' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10346)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.9' d='M71.7172 9.88494C69.577 7.47908 67.0799 5.43061 64.9135 3.05091C64.1305 2.19665 63.0343 1.10704 62.4078 0L0 55.7096C2.1838 56.9561 4.41109 60.2162 5.70745 61.6109C9.80533 66.0216 13.8945 70.4411 17.8097 75L80 19.4909C76.7896 16.8323 74.5362 13.0404 71.7172 9.88494Z' fill='%23E06EFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10346'%3E%3Crect width='80' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* tape-2の色バリエーション */
.tape-2.tape-orange::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='80' viewBox='0 0 78 80' fill='none'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_673_4112)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M68.4508 71.0715C70.7807 68.766 72.7312 66.1133 75.0346 63.781C75.8642 62.9443 76.9145 61.7692 78 61.0749L18.6483 0C17.4922 2.28775 14.3062 4.72683 12.9559 6.1155C8.70197 10.513 4.43041 14.9104 0 19.1388L59.1399 80.0089C61.6816 76.5995 65.3971 74.107 68.4508 71.0804V71.0715Z' fill='%23EF9900'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_4112'%3E%3Crect width='78' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-2.tape-blue::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='80' viewBox='0 0 78 80' fill='none'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_673_4112)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M68.4508 71.0715C70.7807 68.766 72.7312 66.1133 75.0346 63.781C75.8642 62.9443 76.9145 61.7692 78 61.0749L18.6483 0C17.4922 2.28775 14.3062 4.72683 12.9559 6.1155C8.70197 10.513 4.43041 14.9104 0 19.1388L59.1399 80.0089C61.6816 76.5995 65.3971 74.107 68.4508 71.0804V71.0715Z' fill='%232A68D8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_4112'%3E%3Crect width='78' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-2.tape-red::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='80' viewBox='0 0 78 80' fill='none'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_673_6833)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M68.4508 71.0715C70.7807 68.766 72.7312 66.1133 75.0346 63.781C75.8642 62.9443 76.9145 61.7692 78 61.0749L18.6483 0C17.4922 2.28775 14.3062 4.72683 12.9559 6.1155C8.70197 10.513 4.43041 14.9104 0 19.1388L59.1399 80.0089C61.6816 76.5995 65.3971 74.107 68.4508 71.0804V71.0715Z' fill='%23F23D4A'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_6833'%3E%3Crect width='78' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-2.tape-yellow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='80' viewBox='0 0 78 80' fill='none'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_673_4112)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M68.4508 71.0715C70.7807 68.766 72.7312 66.1133 75.0346 63.781C75.8642 62.9443 76.9145 61.7692 78 61.0749L18.6483 0C17.4922 2.28775 14.3062 4.72683 12.9559 6.1155C8.70197 10.513 4.43041 14.9104 0 19.1388L59.1399 80.0089C61.6816 76.5995 65.3971 74.107 68.4508 71.0804V71.0715Z' fill='%23E7C500'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_4112'%3E%3Crect width='78' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-2.tape-green::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='80' viewBox='0 0 78 80' fill='none'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_673_4112)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M68.4508 71.0715C70.7807 68.766 72.7312 66.1133 75.0346 63.781C75.8642 62.9443 76.9145 61.7692 78 61.0749L18.6483 0C17.4922 2.28775 14.3062 4.72683 12.9559 6.1155C8.70197 10.513 4.43041 14.9104 0 19.1388L59.1399 80.0089C61.6816 76.5995 65.3971 74.107 68.4508 71.0804V71.0715Z' fill='%2305AF52'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_4112'%3E%3Crect width='78' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-2.tape-purple::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='80' viewBox='0 0 78 80' fill='none'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_673_4112)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M68.4508 71.0715C70.7807 68.766 72.7312 66.1133 75.0346 63.781C75.8642 62.9443 76.9145 61.7692 78 61.0749L18.6483 0C17.4922 2.28775 14.3062 4.72683 12.9559 6.1155C8.70197 10.513 4.43041 14.9104 0 19.1388L59.1399 80.0089C61.6816 76.5995 65.3971 74.107 68.4508 71.0804V71.0715Z' fill='%23E06EFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_4112'%3E%3Crect width='78' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* tape-3の色バリエーション */
.tape-3.tape-orange::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='80' viewBox='0 0 89 80' fill='none'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_640_10698)'%3E%3Cpath opacity='0.8' d='M80.6757 10.3015C78.5045 7.78214 75.8739 5.70212 73.6757 3.21865C72.8829 2.32209 71.7477 1.19242 71.1892 0L0 59.8543C2.3964 61.0467 0.261261 65.7088 1.58559 67.1613C5.75676 71.7606 14.1712 75.2034 18.1081 80L89 20.3967C85.6036 17.6981 83.5315 13.6098 80.6757 10.3015Z' fill='%23EF9900'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10698'%3E%3Crect width='89' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-3.tape-blue::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='80' viewBox='0 0 89 80' fill='none'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_640_10698)'%3E%3Cpath opacity='0.8' d='M80.6757 10.3015C78.5045 7.78214 75.8739 5.70212 73.6757 3.21865C72.8829 2.32209 71.7477 1.19242 71.1892 0L0 59.8543C2.3964 61.0467 0.261261 65.7088 1.58559 67.1613C5.75676 71.7606 14.1712 75.2034 18.1081 80L89 20.3967C85.6036 17.6981 83.5315 13.6098 80.6757 10.3015Z' fill='%232A68D8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10698'%3E%3Crect width='89' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-3.tape-red::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='80' viewBox='0 0 89 80' fill='none'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_640_10698)'%3E%3Cpath opacity='0.8' d='M80.6757 10.3015C78.5045 7.78214 75.8739 5.70212 73.6757 3.21865C72.8829 2.32209 71.7477 1.19242 71.1892 0L0 59.8543C2.3964 61.0467 0.261261 65.7088 1.58559 67.1613C5.75676 71.7606 14.1712 75.2034 18.1081 80L89 20.3967C85.6036 17.6981 83.5315 13.6098 80.6757 10.3015Z' fill='%23F23D4A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10698'%3E%3Crect width='89' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-3.tape-yellow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='80' viewBox='0 0 89 80' fill='none'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_640_10698)'%3E%3Cpath opacity='0.8' d='M80.6757 10.3015C78.5045 7.78214 75.8739 5.70212 73.6757 3.21865C72.8829 2.32209 71.7477 1.19242 71.1892 0L0 59.8543C2.3964 61.0467 0.261261 65.7088 1.58559 67.1613C5.75676 71.7606 14.1712 75.2034 18.1081 80L89 20.3967C85.6036 17.6981 83.5315 13.6098 80.6757 10.3015Z' fill='%23E7C500'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10698'%3E%3Crect width='89' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-3.tape-green::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='80' viewBox='0 0 89 80' fill='none'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_640_10698)'%3E%3Cpath opacity='0.8' d='M80.6757 10.3015C78.5045 7.78214 75.8739 5.70212 73.6757 3.21865C72.8829 2.32209 71.7477 1.19242 71.1892 0L0 59.8543C2.3964 61.0467 0.261261 65.7088 1.58559 67.1613C5.75676 71.7606 14.1712 75.2034 18.1081 80L89 20.3967C85.6036 17.6981 83.5315 13.6098 80.6757 10.3015Z' fill='%2305AF52'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10698'%3E%3Crect width='89' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-3.tape-purple::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='80' viewBox='0 0 89 80' fill='none'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_640_10698)'%3E%3Cpath opacity='0.8' d='M80.6757 10.3015C78.5045 7.78214 75.8739 5.70212 73.6757 3.21865C72.8829 2.32209 71.7477 1.19242 71.1892 0L0 59.8543C2.3964 61.0467 0.261261 65.7088 1.58559 67.1613C5.75676 71.7606 14.1712 75.2034 18.1081 80L89 20.3967C85.6036 17.6981 83.5315 13.6098 80.6757 10.3015Z' fill='%23E06EFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10698'%3E%3Crect width='89' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* tape-4の色バリエーション */
.tape-4.tape-orange::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='56' viewBox='0 0 102 56' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10701)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M98.0977 41.8988C99.1268 38.2977 99.5853 34.5751 100.563 30.9639C100.92 29.6691 101.307 27.909 102 26.6142L7.85556 0C7.98801 2.91329 6.17441 7.1315 5.61402 9.2659C3.83099 16.0231 2.03776 22.7905 0 29.4769L93.8184 56C94.4297 51.1951 96.7528 46.6228 98.0977 41.8988Z' fill='%23EF9900'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10701'%3E%3Crect width='102' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-4.tape-blue::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='56' viewBox='0 0 102 56' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10701)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M98.0977 41.8988C99.1268 38.2977 99.5853 34.5751 100.563 30.9639C100.92 29.6691 101.307 27.909 102 26.6142L7.85556 0C7.98801 2.91329 6.17441 7.1315 5.61402 9.2659C3.83099 16.0231 2.03776 22.7905 0 29.4769L93.8184 56C94.4297 51.1951 96.7528 46.6228 98.0977 41.8988Z' fill='%232A68D8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10701'%3E%3Crect width='102' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-4.tape-red::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='56' viewBox='0 0 102 56' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10701)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M98.0977 41.8988C99.1268 38.2977 99.5853 34.5751 100.563 30.9639C100.92 29.6691 101.307 27.909 102 26.6142L7.85556 0C7.98801 2.91329 6.17441 7.1315 5.61402 9.2659C3.83099 16.0231 2.03776 22.7905 0 29.4769L93.8184 56C94.4297 51.1951 96.7528 46.6228 98.0977 41.8988Z' fill='%23F23D4A'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10701'%3E%3Crect width='102' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-4.tape-yellow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='56' viewBox='0 0 102 56' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10701)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M98.0977 41.8988C99.1268 38.2977 99.5853 34.5751 100.563 30.9639C100.92 29.6691 101.307 27.909 102 26.6142L7.85556 0C7.98801 2.91329 6.17441 7.1315 5.61402 9.2659C3.83099 16.0231 2.03776 22.7905 0 29.4769L93.8184 56C94.4297 51.1951 96.7528 46.6228 98.0977 41.8988Z' fill='%23E7C500'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10701'%3E%3Crect width='102' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-4.tape-green::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='56' viewBox='0 0 102 56' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10701)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M98.0977 41.8988C99.1268 38.2977 99.5853 34.5751 100.563 30.9639C100.92 29.6691 101.307 27.909 102 26.6142L7.85556 0C7.98801 2.91329 6.17441 7.1315 5.61402 9.2659C3.83099 16.0231 2.03776 22.7905 0 29.4769L93.8184 56C94.4297 51.1951 96.7528 46.6228 98.0977 41.8988Z' fill='%2305AF52'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10701'%3E%3Crect width='102' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tape-4.tape-purple::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='56' viewBox='0 0 102 56' fill='none'%3E%3Cg clip-path='url(%23clip0_640_10701)'%3E%3Cg opacity='0.8'%3E%3Cpath opacity='0.8' d='M98.0977 41.8988C99.1268 38.2977 99.5853 34.5751 100.563 30.9639C100.92 29.6691 101.307 27.909 102 26.6142L7.85556 0C7.98801 2.91329 6.17441 7.1315 5.61402 9.2659C3.83099 16.0231 2.03776 22.7905 0 29.4769L93.8184 56C94.4297 51.1951 96.7528 46.6228 98.0977 41.8988Z' fill='%23E06EFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_640_10701'%3E%3Crect width='102' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}