@charset "utf-8";
/* CSS Document */
.main {
  background-color: #FFF8E9;
  padding-bottom: 90px;
  width: calc(100% - 270px);
  margin-left: 270px;
  }
@media screen and (max-width: 1024px) {
  .main {
    width: 100%;
    margin-left: 0px;
  }
}
@media screen and (max-width: 480px) {
  .main {
    padding-bottom: 60px;
    width: 100%;
    margin-left: 0px;
  }
  }

.section-top__image {
  position: relative;
  width: 100%;
  height: 660px;
  background-image: url("images/membership_top.png");
  background-repeat: no-repeat;
  background-position: center center; 
  display: flex;
  justify-content: center;
  background-size: cover;
  margin-bottom: 16px;
}
.section-top__image h2 {
  position: absolute;
  top: 75.5%;
  left: 6.4%;
  font-size: 3.0rem;
  font-weight: 700;
  color: #FFF8E9;
  line-height: 4.5rem;
  text-shadow: 0px 2px 4px rgba(51, 51, 51, 0.78);
}
@media screen and (max-width: 480px) {
  .section-top {
    margin-bottom: 53px;
}
  .section-top__image {
  position: relative;
  width: 100%;
  height: 400px;
  background-image: url("images/(sp)membership_top.png");
  background-repeat: no-repeat;
  background-position: center center; 
  display: flex;
  justify-content: center;
  background-size: cover;
  margin-bottom: 30px;
}
  .section-top__image h2 {
  position: absolute;
  top: 75.5%;
  left: 3.4%;
  font-size: 1.8rem;
  line-height: 3.2rem;
}
  }
.contents {
  max-width: 1170px;
  padding: 0 40px;
  margin: 0 auto;
}
.contents__block-heading {
    font-size: 2.0rem;
    line-height: 1;
    padding: 13px 35px;
    border-radius: 30px;
    background: #FFF;
    margin-bottom: 30px;
    margin-top: 75px;
}
.contents p {
  font-size: 2.0rem;
  line-height: 3.0rem;
  padding: 0 35px;
}
.contents ol>li {
  counter-increment: number;
  padding-left: 28px;
  list-style: none;
}

.ProsemirrorEditor-listitem {
  padding: 0 35px;
  position: relative;
}
.ProsemirrorEditor-listitem::before {
    content: counter(number, decimal-leading-zero) ".";
    position: absolute;
    left: 0px;
    letter-spacing: 0px;
    font-weight: 700;
    color: rgb(223, 52, 129);
    top: 0px;


}
