:root {
  --w-left: 316px;
  --h-left: 432px;
  --w-right: 518px;
  --h-right: 570px;
}

.overlap-1 {
  margin: 80px auto;
  text-align: center;
}

.rectangle {
  width: 876px;
  height: 604px;
  object-fit: cover;
  border-radius: 5px;
}

.text-wrapper-22 {
  font-family: "Noto Sans JP";
  font-weight: 700;
  color: #4c4747;
  font-size: 36px;
  letter-spacing: 1.08px;
  line-height: 43px;
  white-space: nowrap;
  text-align: center;
}

.overlap {
  display: flex;
  justify-content: space-between;
  max-width: calc(var(--w-left) + var(--w-right) + 84px);
  margin: 100px auto 20px;
}

.text-wrapper-3 {
  font-family: "Afacad";
  font-weight: 600;
  font-style: italic;
  color: #a9d708;
  font-size: 64px;
  letter-spacing: 7.04px;
  line-height: normal;
}

.text-wrapper-11 {
  font-family: "Afacad";
  font-weight: 600;
  font-style: italic;
  color: #a9d708;
  font-size: 64px;
  letter-spacing: 7.04px;
  line-height: normal;
}

.group {
  width: 217px;
  height: 46px;
  background-color: #4c4747;
  border-radius: 29px;
  aspect-ratio: 4.71;
  margin: auto;
}

.text-wrapper-12 {
  font-family: "Acme";
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1.76px;
  line-height: normal;
  text-align: center;
  padding-top: 10px;
}

.img {
  width: 436px;
  height: 346px;
  margin-left: 60%;
}

.first-view {
  max-width: 1100px;
  height: 427px;
  background-image: url(./img/reform-title.svg);
  background-size: cover;
  background-position: 50% 50%;
  margin: auto;
}

.overlap-group {
  max-width: 730px;
  height: 309px;
  margin: auto;
}

.text-wrapper {
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-size: 164px;
  letter-spacing: 4.92px;
  line-height: 171px;
  white-space: nowrap;
  color: #ffffff;
  text-align: center;
  padding-top: 80px;
}

.text-wrapper-2 {
  font-family: "Noto Sans JP";
  font-weight: 900;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 1.44px;
  line-height: 141px;
  white-space: nowrap;
  text-align: center;
}

.slider {
  width: calc(var(--w-left) + var(--w-right) + 84px);
  height: var(--h-right);
  overflow: hidden;
  margin: 0 auto 100px;
}

input[type="radio"] {
  display: none;
}

.slides {
  display: flex;
  width: calc(var(--w-left) + var(--w-right) + 84px);
  transition: transform 0.5s ease;
}

.text-wrapper-4 {
  font-family: "Afacad";
  font-weight: 500;
  color: #a9d708;
  font-size: 36px;
  letter-spacing: 3.96px;
  line-height: normal;
  margin: 40px 0 50px;
}

.arrow-1 {
  position: absolute;
  top: 95px;
  width: 315px;
  height: 15px;
}

.rectangle-1 {
  width: var(--w-left);
  height: var(--h-left);
  object-fit: cover;
  display: block;
  border-radius: 5px;
  margin: 0 21px;
}

.rectangle-2 {
  width: var(--w-right);
  height: var(--h-right);
  object-fit: cover;
  display: block;
  border-radius: 5px;
  margin: 0 21px;
}

#slide1:checked~.slider .slides {
  transform: translateX(0);
}

#slide2:checked~.slider .slides {
  transform: translateX(calc(-1 * (var(--w-left) + var(--w-right) + 84px)));
}

#slide3:checked~.slider .slides {
  transform: translateX(calc(-2 * (var(--w-left) + var(--w-right) + 84px)));
}

#slide4:checked~.slider .slides {
  transform: translateX(calc(-3 * (var(--w-left) + var(--w-right) + 84px)));
}

#slide5:checked~.slider .slides {
  transform: translateX(calc(-4 * (var(--w-left) + var(--w-right) + 84px)));
}

#slide6:checked~.slider .slides {
  transform: translateX(calc(-5 * (var(--w-left) + var(--w-right) + 84px)));
}

#slide7:checked~.slider .slides {
  transform: translateX(calc(-6 * (var(--w-left) + var(--w-right) + 84px)));
}

.arrows label {
  position: absolute;
  top: 1776px;
  width: 24px;
  height: 28px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5;
  font-size: 20px;
  user-select: none;
  /* hide by default, will be shown per-state below */
  display: none;
}

.arrows .prev {
  left: 10%;
  background-image: url(./img/polygon-4.svg);
  background-size: cover;
}

.arrows .next {
  right: 10%;
  background-image: url(./img/polygon-3.svg);
  background-size: cover;
}

.slider:hover .arrows label {
  opacity: 1;
}

#slide1:checked~.arrows #next1 {
  display: grid;
}

#slide2:checked~.arrows #prev2 {
  display: grid;
}

#slide2:checked~.arrows #next2 {
  display: grid;
}

#slide3:checked~.arrows #prev3 {
  display: grid;
}

#slide3:checked~.arrows #next3 {
  display: grid;
}

#slide4:checked~.arrows #prev4 {
  display: grid;
}

#slide4:checked~.arrows #next4 {
  display: grid;
}

#slide5:checked~.arrows #prev5 {
  display: grid;
}

#slide5:checked~.arrows #next5 {
  display: grid;
}

#slide6:checked~.arrows #prev6 {
  display: grid;
}

#slide6:checked~.arrows #next6 {
  display: grid;
}

#slide7:checked~.arrows #prev7 {
  display: grid;
}