/*----------------------------------------------------
  インターネット 扉
----------------------------------------------------*/
.option-area {
  margin-bottom: 0 !important;
}
/*ひかりネットコース*/

.hikari-title {
  background: -ms-linear-gradient(left, #00a0e9, #fff);
  background: -moz-linear-gradient(left, #00a0e9, #fff);
  background: -webkit-linear-gradient(left, #00a0e9, #fff);
  background: linear-gradient(left, #00a0e9, #fff); 
  padding: 0px 10px 0px 25px !important;
  }
.hikari-wrap {
  padding: 20px 30px;
  border: 3px solid #00a0e9;
  margin-bottom: 30px !important;
}
.hikari-wrap .max-speed {
  margin-bottom: 5px !important;
  line-height: 2.8rem;
}
.max-speed span {
  font-size: 1.9rem;
}
.max-speed span.speed {
  font-size: 2.8rem;
}
.monthly-amount {
  line-height: 2.8rem;
}
.monthly-amount span.price {
  font-size: 2.8rem;
  margin-right: 5px;
}
.discounted-price {
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 0 !important;
}
.discounted-price p {
  margin-bottom: 0 !important;
}
.discounted-price p:first-of-type {
  margin-bottom: 5px !important;
}
.discounted-monthly-amount {
  line-height: 3.8rem;
  margin-bottom: 0 !important;
}
.discounted-monthly-amount span.price {
  font-size: 3.8rem;
  margin-right: 5px;
  margin-left: 5px;
}
/*おすすめサービス*/
.slick-area ul {
  justify-content: start !important;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.slick-area ul li.slick-item {
  flex: 0 0 33.33333% !important;
  margin-bottom: 3rem !important;
}
.slick-area a.link-area {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
a.link-area img {
  transition: all ease-in-out .3s;
  width: 100%;
  margin-bottom: 0 !important;
}
a.link-area img:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 991.98px) {
  .option-area {
    min-height: 390px;
  }
}
@media screen and (max-width: 767.98px) {
  .slick-area ul li.slick-item {
    flex-basis: 50% !important;
    margin-bottom: 1.5rem !important;
  }
  .slick-area ul {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .slick-area a.link-area {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 575.98px) {
  .option-area {
    min-height: auto;
  }
  .option-area.basic-service {
    margin-bottom: 30px !important;
  }
}