@charset "UTF-8";
/* =============================================================================


    member


============================================================================= */
.head {
  padding: 80px 0;
}

.sec-container {
  margin: auto;
  max-width: 940px;
}

.head-txt {
  font-size: 1.8rem;
  margin-top: 60px;
}

.type,
.benefits {
  margin-top: 60px;
}

.member {
  padding: 100px 0;
}

.benefits-content {
  margin-top: 32px;
}

.type-list {
  margin-top: 32px;
}

.type-item,
.benefits-item {
  font-size: 1.8rem;
  padding-left: 1em;
  text-indent: -1em;
}

.benefits-head {
  background: #fad856;
  border-radius: 10px;
  display: inline-block;
  font-size: 2.4rem;
  margin-bottom: 8px;
  padding: 0.25em;
}

.member-container {
  margin-top: 80px;
}

.member-category {
  background: #fad856;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0.25em 0.5em;
}

.member-flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

.member-contents {
  width: calc(50% - 20px);
}

.member-content {
  font-size: 1.6rem;
}

.member-content + li {
  margin-top: 32px;
}

.member-content-category {
  border-bottom: 1px solid #1e1e1e;
  font-weight: bold;
}

.member-list {
  line-height: 1.875;
  margin-top: 20px;
}

.member-list a {
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.member-list a:hover {
  opacity: 0.7;
}

.member-list a:after {
  background: #fad856;
  border-radius: 5px;
  content: "HP";
  line-height: 1;
  margin-left: 0.25em;
  padding: 0.15em 0.25em;
}

.member-list a.kabuki:after {
  content: "HP（歌舞伎伝承館）";
}

.member-btnbox {
  margin: 40px auto 0;
  max-width: 600px;
  text-align: center;
}

@media (max-width: 750px){
  .head {
    padding: 60px 0;
  }
  .head-txt {
    font-size: 1.6rem;
    margin-top: 40px;
  }
  .type,
  .benefits {
    margin-top: 40px;
  }
  .member {
    padding: 80px 0;
  }
  .type-item,
  .benefits-item {
    font-size: 1.4rem;
  }
  .benefits-head {
    font-size: 1.8rem;
  }
  .member-container {
    margin-top: 40px;
  }
  .member-category {
    font-size: 1.8rem;
  }
  .member-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .member-contents {
    width: 100%;
  }
  .member-contents + .member-contents {
    margin-top: 32px;
  }
  .member-content {
    font-size: 1.2rem;
  }
}


/*# sourceMappingURL=member.css.map*/