@charset "UTF-8";

.pointmember-stage {
  margin-bottom: 40px;
}

.pointmember-stage-block {
  margin-bottom: 25px;
  background: #e5e5e5;
}

.pointmember-stage-block .ttl button {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  padding: 18px 0;
  position: relative;
}

.pointmember-stage-block .ttl button::after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 20px;
  right: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pointmember-stage-block .pointmember-stage-content {
  padding: 20px;
  display: none;
}

.pointmember-stage-block dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
}

.pointmember-stage-block dl dt::after {
  content: '：';
}

.pointmember-stage-block-01 .ttl button {
  background: #15244b;
}

.pointmember-stage-block-02 .ttl button {
  background: #a9a7a8;
}

.pointmember-stage-block-03 .ttl button {
  background: #c7b482;
}

.pointmember-stage-block-04 .ttl button {
  background: #a9aec0;
}

.pointmember-text-01 {
  margin-bottom: 20px;
}

.pointmember-text-02 {
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 769px) {
  .pointmember-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .pointmember-stage-block {
    margin-bottom: 20px;
    width: 49.8%;
  }
  .pointmember-stage-block .ttl button {
    padding: 20px 0;
    pointer-events: none;
  }
  .pointmember-stage-block .ttl button::after {
    display: none;
  }
  .pointmember-stage-block .pointmember-stage-content {
    padding: 25px;
    display: block;
  }
  .pointmember-stage-block dl {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
  }
  .pointmember-text-01 {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .pointmember-text-02 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}