.r-section-wrap {
  position: relative;
  z-index: 20;
}
.r-section-wrap.preset-01:after {
  position: absolute;
  content: "";
  --size: 5.3rem;
  width: var(--size);
  height: var(--size);
  background-size: contain;
  background-repeat: no-repeat;
  left: 34rem;
  bottom: calc(14% - 2rem);
  background-image: url("/wp-content/themes/vigilo-2022/img/2021/subpage/Sub_01_Circle_Blue_01.svg");
}
.r-section-wrap.preset-01b:after {
  background-image: url("/wp-content/themes/vigilo-2022/img/2021/subpage/Sub_01b_Circle_Red_01.svg");
}
.r-section-wrap.preset-01c:after {
  background-image: url("/wp-content/themes/vigilo-2022/img/2021/subpage/Sub_01c_Circle_Blue_02.svg");
}
.r-section-wrap.preset-02:after {
  position: absolute;
  content: "";
  --size: 5.3rem;
  width: var(--size);
  height: var(--size);
  background-image: url("/wp-content/themes/vigilo-2022/img/2021/subpage/Sub_02_Circle_Red_02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 4rem;
  left: 31rem;
}
@media screen and (max-width: 2160px) {
  .r-section-wrap.preset-02:after {
    left: 20rem;
  }
}
@media screen and (max-width: 1940px) {
  .r-section-wrap.preset-02:after {
    --size: 4.3rem;
    bottom: 7rem;
    left: 15rem;
  }
}
@media screen and (max-width: 1400px) {
  .r-section-wrap.preset-02:after {
    bottom: 4rem;
    left: 13rem;
  }
}
@media screen and (max-width: 980px) {
  .r-section-wrap.preset-02:after {
    --size: 3.3rem;
    bottom: 2.5rem;
    left: 10rem;
  }
}
@media screen and (max-width: 650px) {
  .r-section-wrap.preset-02:after {
    left: calc(50% - 12rem);
    bottom: -0.4rem;
  }
}
@media screen and (max-width: 1660px) {
  .r-section-wrap.preset-01:after {
    left: 27rem;
    bottom: calc(8% - 2rem);
  }
}
@media screen and (max-width: 1150px) {
  .r-section-wrap.preset-01:after {
    --size: 4.5rem;
    left: 22rem;
  }
}
@media screen and (max-width: 1040px) {
  .r-section-wrap.preset-01:after {
    left: 15%;
  }
}
@media screen and (max-width: 870px) {
  .r-section-wrap.preset-01:after {
    left: 16%;
    width: 3.4rem;
    height: 3.4rem;
  }
}
@media screen and (max-width: 630px) {
  .r-section-wrap.preset-01:after {
    width: 2.8rem;
    height: 2.8rem;
    bottom: calc(4% - 2rem);
  }
}

.clip-mask {
  clip-path: ellipse(70% 100% at 50% 0);
}
@media screen and (max-width: 1040px) {
  .clip-mask {
    clip-path: ellipse(85% 100% at 50% 0);
  }
}
@media screen and (max-width: 870px) {
  .clip-mask {
    clip-path: ellipse(80% 100% at 50% 0);
  }
}

.r-section {
  position: relative;
  background-color: var(--colorGrey01);
  margin: var(--headerHeight) var(--pagePaddingSingle) 0 var(--pagePaddingSingle);
  width: calc(100% - var(--pagePaddingCalc));
  min-height: 32rem;
  --borderRadius: 3.6rem;
  border-top-left-radius: var(--borderRadius);
  border-top-right-radius: var(--borderRadius);
  overflow: hidden;
}
@media screen and (max-width: 1080px) {
  .r-section {
    min-height: auto;
  }
}
@media screen and (max-width: 550px) {
  .r-section {
    --borderRadius: 2.4rem;
  }
}