.contents_benefits__head__btn {
  background: var(--color-primary);
  color: #fff !important;
  font-size: var(--text-base);
  padding: 1rem 4%;
  display: block;
  max-width: 380px;
  width: 80%;
  text-align: center;
  margin-inline: auto;
  border-radius: 4px;
  margin-bottom: 1.5rem;
  position: relative;
  transition: 0.3s;
  border: 1px solid var(--color-primary);
  margin-top: 1rem;
}
.contents_benefits__head__btn::after {
  content: "";
  width: 3px;
  height: 12px;
  display: block;
  position: absolute;
  background: #fff;
  right: 4%;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  transition: 0.3s;
}
.contents_benefits__head__btn::before {
  content: "";
  width: 3px;
  height: 12px;
  display: block;
  position: absolute;
  background: #fff;
  right: 4%;
  top: calc(50% - 10px);
  transform: rotate(-45deg);
  transition: 0.3s;
}
.contents_benefits__head__btn:hover {
  background: #fff;
  color: var(--color-primary) !important;
  text-decoration: none;
}
.contents_benefits__head__btn:hover::after {
  background: var(--color-primary);
  right: 3%;
}
.contents_benefits__head__btn:hover::before {
  background: var(--color-primary);
  right: 3%;
}
.contents_benefits__head p {
  font-size: var(--text-base);
  line-height: var(--text-line-height);
  text-indent: calc(var(--text-base) * -1);
  margin-inline: auto;
  background: #fff;
  border: 1px solid #999;
  padding: 1rem 1rem 1rem calc(var(--text-base) * 2);
  max-width: 800px;
  width: 96%;
  box-sizing: border-box;
}
.contents_benefits__head__nav {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.contents_benefits__head__nav__item {
  width: 48%;
  display: block;
  text-align: center;
}
.contents_benefits__head__nav__item img {
  display: block;
  max-width: 300px;
  width: 100%;
  margin-inline: auto;
  transition: 0.3s;
  transform: scale(0.9);
  transform-origin: bottom;
}
.contents_benefits__head__nav__item img:has(+ span + a:hover) {
  transform: scale(1);
}
.contents_benefits__head__nav__item span {
  display: block;
  font-weight: bold;
  margin-top: 1rem;
  font-size: var(--text-middle);
}
.contents_benefits__head__nav__item a {
  margin-top: 1rem;
  background: #fff;
  color: var(--color-primary);
  font-size: var(--text-base);
  padding: 0.75rem 4%;
  display: block;
  width: 80%;
  text-align: center;
  margin-inline: auto;
  border-radius: 80px;
  margin-bottom: 1rem;
  position: relative;
  transition: 0.3s;
  border: 1px solid var(--color-primary);
  box-sizing: border-box;
}
.contents_benefits__head__nav__item a::after {
  content: "";
  width: 3px;
  height: 10px;
  display: block;
  position: absolute;
  background: var(--color-primary);
  right: 5%;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  transition: 0.3s;
}
.contents_benefits__head__nav__item a::before {
  content: "";
  width: 3px;
  height: 10px;
  display: block;
  position: absolute;
  background: var(--color-primary);
  right: 5%;
  top: calc(50% - 9px);
  transform: rotate(-45deg);
  transition: 0.3s;
}
.contents_benefits__head__nav__item a:hover {
  background: var(--color-primary);
  color: #fff;
  text-decoration: none;
}
.contents_benefits__head__nav__item a:hover::after {
  background: #fff;
  right: 4%;
}
.contents_benefits__head__nav__item a:hover::before {
  background: #fff;
  right: 4%;
}
.contents_benefits__contents {
  margin-top: 4rem;
}
.contents_benefits__contents h2 {
  font-size: var(--text-middle);
  font-weight: bold;
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}
.contents_benefits__contents__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 6%;
}
.contents_benefits__contents__list__item {
  width: 47%;
}
.contents_benefits__contents__list__item a img {
  margin-bottom: 0.25rem;
  transition: 0.3s;
}
.contents_benefits__contents__list__item a p {
  color: #333;
  font-size: var(--text-base);
  line-height: var(--text-line-height);
  transition: 0.3s;
}
.contents_benefits__contents__list__item a:hover {
  text-decoration: none;
}
.contents_benefits__contents__list__item a:hover p {
  color: var(--color-primary);
}
.contents_benefits__contents__list__item a:hover img {
  opacity: 0.8;
}
@media (width <= 767px) {
  .contents_benefits__head__nav {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
  .contents_benefits__head__nav__item {
    max-width: 300px;
    width: 100%;
    display: block;
    text-align: center;
    margin-inline: auto;
  }
  .contents_benefits__head__nav__item img {
    width: 70%;
    margin-inline: auto;
  }
  .contents_benefits__head__nav__item a {
    margin-top: 0.75rem;
    padding: 0.75rem 4%;
    width: 90%;
  }
  .contents_benefits__head__nav__item a::after {
    right: 6%;
  }
  .contents_benefits__head__nav__item a::before {
    right: 6%;
  }
  .contents_benefits__contents {
    margin-top: 2rem;
  }
  .contents_benefits__contents h2 {
    margin-bottom: 1rem;
  }
  .contents_benefits__contents__list {
    gap: 1.5rem 6%;
    display: flex;
  }
  .contents_benefits__contents__list__item {
    width: 90%;
    max-width: 500px;
    margin-inline: auto;
  }
}