@charset "UTF-8";

.c-page-header {
  /* 最終フォールバック */
  background: url("../img/membership/bg_head_01.jpg") center/cover no-repeat;
  /* 古めの Safari 用 */
  background: -webkit-image-set(url("../img/membership/bg_head_01.webp") type("image/webp") 1x,
      url("../img/membership/bg_head_01.jpg") type("image/jpeg") 1x) center/cover no-repeat;
  /* 標準実装 */
  background: image-set(url("../img/membership/bg_head_01.webp") type("image/webp") 1x,
      url("../img/membership/bg_head_01.jpg") type("image/jpeg") 1x) center/cover no-repeat;
}

.lead {
  margin-top: 105px;
}

@media screen and (max-width: 767px) {
  .lead {
    margin-top: 50px;
  }
}

.ad-hd {
  margin-top: 70px;
}

.ad-hd:first-of-type {
  margin-top: 125px;
}

@media screen and (max-width: 767px) {
  .ad-hd {
    margin-top: 35px;
  }

  .ad-hd:first-of-type {
    margin-top: 60px;
  }
}

.fee {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .fee {
    font-size: 18px;
  }
}

p {
  margin-top: 1em;
}

.list01 li {
  position: relative;
  padding-left: 1em;
  counter-increment: item;
}

.list01 li::before {
  content: counter(item) ")";
  position: absolute;
  left: 0;
}

.list02 li {
  position: relative;
  padding-left: 1em;
  counter-increment: item;
  padding-top: 1em;
}

.list02 ._02 {
  padding-left: 1.5em;
}

.list02 li::before {
  content: counter(item) "．";
  position: absolute;
  left: 0;
}

.list02 li span {
  display: block;
  margin-top: 1em;
}

.list02 span>a {
  position: relative;
  padding-left: 1em;
  text-decoration: underline;
}

.list02 span>a::before {
  display: block;
  content: "⇒";
  position: absolute;
  left: 0;
}

.caution {
  display: block;
  position: relative;
  padding-left: 1em;
}

.caution::before {
  content: "※";
  position: absolute;
  left: 0;
}

.signature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
  margin-top: 45px;
  padding-bottom: 35px;
  border-bottom: 1px solid #8B8B8B;
}

.download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.word {
  margin-top: 25px;
}

.word::after {
  content: url(../img/membership/logo_01.svg);
}

.pdf::after {
  content: url(../img/membership/logo_02.svg);
}

.ad-rcp01 {
  font-size: 16px;
  border-top: 1px solid #B1B1B1;
  border-bottom: 1px solid #B1B1B1;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ad-rcp01:first-of-type {
  margin-top: 70px;
  border-bottom: unset;
}

.ad-rcp01:nth-of-type(2) {
  margin-bottom: 240px;
}

@media screen and (max-width: 767px){
  .ad-rcp01:nth-of-type(2) {
  margin-bottom: 120px;
}
}

.ad-rcp01 p {
  margin-top: unset;
}

.ad-rcp01 p span {
  margin-left: unset;
}

.ad-rcp01 p:first-of-type {
  width: 145px;
  margin-right: 40px;
  flex: 0 0 auto;
}

@media screen and (max-width: 767px){
  .ad-rcp01 p:first-of-type {
  width: 85px;
}
}

.ad-rcp01 p:nth-child(2) span {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
}

.bg-area{
  background: #fff;
}

.c-brd li a{
  color: #3A5757;
}
.c-brd li+li::before{
  color: #3A5757;
}

/* あしらい */
.c-reception{
  align-items: flex-start;
}

#membership .c-reception::before{
  top: 47px;
}