@charset "utf-8";



/*  l-plan
--------------------------------------------------*/
.l-plan {
  padding-block: 12.5rem 15.0rem;
}
.plan-ttl {
  font-size: 3.2rem;
  letter-spacing: .1em;
  color: #ffdc7c;
  text-align: center;
  margin-bottom: 8.0rem;
}
.plan-container {
  position: relative;
}
.plan-list {
  max-width: 1040px;
  width: 100%;
  margin-inline: auto;
  gap: 4.0rem;
}
.plan-list__item {
  width: calc((1040 - 8.0rem) / 3);
}
@media screen and (max-width: 768px){
  .l-plan {
    padding-block: 6.5rem 6.0rem;
  }
  .plan-ttl {
    font-size: 2.4rem;
    margin-bottom: 4.0rem;
  }
  .plan-list {
    gap: 2.0rem;
  }
  .plan-list__item {
    width: 100%;
  }
}