.annotation-text{
  font-size: 1.4rem;
}

.plan-section{
  max-width: 100%;
}

.plan-slider{
  max-width: 100%;
}

.plan-slider__wrapper {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
}

.plan-slider__slide{
  width: 27%;
}

.plan-slider__slide img {
  height: auto;
  max-width: 100%;
}

.plan-slider__button-prev,
.plan-slider__button-next {
  display: none;
}

.plan-table{
  border-collapse: collapse;
  border: 0.1rem solid #596cbe;
  max-width: 100%;
  margin-top: 2rem;
}

.plan-table th,
.plan-table td {
  border: 0.1rem solid #596cbe;
  text-align: center;
  font-size: 1.6rem;
  padding: 0.5rem 0;
}

.plan-table tr:nth-child(odd) td {
	background: #f1f1f1;
}

.plan-table__bottom-line{
  background:linear-gradient(transparent 70%, #ffd200 0%);
}

.plan-table__blue-text{
  color: #002db5;
  font-size: 2rem;
}

.plan-table--pc th{
  background-color: #bbcffd;
  color: #072397;
  width: 21rem;
}

.plan-table--pc td{
  width: 30rem;
}

.plan-table__th-text{
  margin: 0 0 0 10%;
  display: flex;
  align-items: center;
  text-align: left;
}

.plan-table__td-text{
  margin: 0 10%;
  text-align: justify;
  word-break: break-all;
}

.plan-table__td-text--unable{
  color: #5D5D5D;
}

.plan-table__td-text--center{
  text-align: center;
  margin: auto;
}

.plan-table__td-text--flex{
  display: flex;
  align-items: center;
}

.plan-table__icon{
  margin-right: 1rem;
}

.plan-table__unable-icon{
  margin-right: 1rem;
}

.plan-table__check-icon{
  margin-right: 1rem;
}

.plan-table--sp{
  display: none;
}


@media screen and (max-width:768px){
  .plan-section{
    max-width: 100%;
  }

  .plan-slider__wrapper{
    display: flex;
    justify-content: flex-start;
  }

  .plan-slider__slide{
    max-width: 100%;
  }

  .plan-table__slide-img {
    width: 100%;
  }

  .plan-slider__button-next, .plan-slider__button-prev{
    top: 100vw;
    display: block;
    cursor: pointer;
    font-size: 0;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 10;
    color: #333;
  }

  .plan-slider__button-next::before, .plan-slider__button-prev::before{
    content: "";
    display: block;
    padding-top: 100%;
    position: relative;
  }

  .plan-slider__button-next::after, .plan-slider__button-prev::after{
    align-items: center;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    content: "";
    display: flex;
    font-family: "asw-icon";
    font-size: 2.2rem;
    font-weight: bold;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .plan-slider__button-prev::after{
    transform: rotate(-180deg);
  }

  .plan-table--sp{
    display: block;
  }

  .plan-table--sp tbody{
    display: block;
    width: 100%;
  }

  .plan-table--sp tr{
    display: block;
    width: 100%;
  } 

  .plan-table--sp th,
  .plan-table--sp td{
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: clamp(1.6rem, 1.455rem + 0.73vw, 2rem);
  }

  .plan-table--sp th{
    background-color: #bbcffd;
    color: #072397;
  }

  .plan-table--sp td{
    min-height: 4.2rem;
  }

  .plan-table tr:nth-child(odd) td {
    background: #fff;
  }

  .plan-table__th-text{
    margin: auto;
    width: 100%;
    padding: 2px 8px;
  }

  .plan-table__td-text{
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .plan-table__td-text--flex{
    display: block;
  }

  .plan-table--pc{
    display: none;
  }
}