@charset "UTF-8";
.plan-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px 40px;
}
@media print, screen and (max-width: 1280px) {
  .plan-inner {
    gap: 20px clamp(34px, 3.125vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .plan-inner {
    flex-direction: column;
    align-items: center;
  }
}
.plan-item {
  padding-top: 48px;
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
  width: calc((100% - 40px) / 2);
  max-width: 480px;
}
@media print, screen and (max-width: 1280px) {
  .plan-item {
    padding-top: clamp(41px, 3.75vw, 48px);
    padding-left: clamp(34px, 3.125vw, 40px);
    padding-right: clamp(34px, 3.125vw, 40px);
    width: calc((100% - clamp(34px, 3.125vw, 40px)) / 2);
    max-width: clamp(405px, 37.5vw, 480px);
  }
}
@media screen and (max-width: 767px) {
  .plan-item {
    width: 100%;
  }
}
.plan-item-cnt-fig {
  margin-bottom: 24px;
}
@media print, screen and (max-width: 1280px) {
  .plan-item-cnt-fig {
    margin-bottom: clamp(20px, 1.875vw, 24px);
  }
}
.plan-item-cnt-dtl {
  flex-direction: row;
  align-items: stretch;
}
@media print, screen and (max-width: 1080px) {
  .plan-item-cnt-dtl {
    flex-direction: column;
    align-items: center;
  }
}
.plan-item-cnt-price {
  width: calc((100% - 10px) / 2);
  max-width: 195px;
}
@media print, screen and (max-width: 1080px) {
  .plan-item-cnt-price {
    width: 195px;
  }
}