@charset "UTF-8";

/* 20260401 - pagenavi */
.pageNavi {
  --navi-color: var(--mtnet-color);
  margin: 0 auto 4rem;
  display: flex;
  justify-content: center;
}

.pageNavi__item {
  border-left: 1px solid var(--navi-color);
  font-weight: bold;
}

.pageNavi__item a {
  display: flex;
  text-decoration: none;
  flex-direction: column;
  width: 124px;
  height: 56px;
  text-align: center;
  color: #000000;
  padding: 6px 12px;
  line-height: 1;
  justify-content: space-between;
  align-items: center;
  transition: all 0.15s ease-in-out;
}

.pageNavi__item a:hover {
  text-decoration: none;
  background-color: rgba(0, 120, 100, 0.0666666667);
  color: var(--navi-color);
}

.pageNavi__item p {
  font-weight: bold;
  line-height: 1;
}

.pageNavi__item:last-child {
  border-right: 1px solid var(--navi-color);
}

.pageNavi__icon {
  display: inline-block;
  vertical-align: middle;
  color: var(--navi-color);
  position: relative;
  width: 16px;
  height: 16px;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.pageNavi__icon::before {
  content: "";
  display: inline-block;
  position: relative;
  border-top: 7px solid var(--text-white);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  width: 0;
  left: 0px;
  top: 0px;
}

.pageNavi--form {
  --navi-color: var(--form-color);
}

.pageNavi--form .pageNavi__item a:hover {
  background-color: rgba(0, 105, 120, 0.0666666667);
}

.pageNavi--sitesearch {
  --navi-color: var(--sitesearch-color);
}

.pageNavi--sitesearch .pageNavi__item a:hover {
  background-color: rgba(98, 82, 137, 0.0666666667);
}

@media (max-width: 480px) {
  .pageNavi {
    margin: 0 auto 3rem;
  }

  .pageNavi__item a {
    padding: 2px 12px;
    height: 44px;
  }
}

/* 20260401 - price */
.priceSection,
.plan-buySection {
  width: 100%;
}

.priceSection .inner,
.plan-buySection .inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 4rem 0;
}

.priceSection .inner--large,
.plan-buySection .inner--large {
  max-width: 1180px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.priceSection .inner--stacked,
.plan-buySection .inner--stacked {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.priceSection .price__h2,
.priceSection .content .price__h2,
.plan-buySection .price__h2,
.plan-buySection .content .price__h2 {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 2rem;
  border: none;
  text-align: center;
  padding: 0;
  line-height: 1.25;
  font-weight: bold;
}

.priceSection .price__h3,
.priceSection .content .price__h3,
.plan-buySection .price__h3,
.plan-buySection .content .price__h3 {
  margin-bottom: 1.75rem;
  font-size: 1.75rem;
  text-align: left;
  line-height: 1.25;
  font-weight: bold;
}

.priceSection .price__lead,
.priceSection .content .price__lead,
.plan-buySection .price__lead,
.plan-buySection .content .price__lead {
  margin-bottom: 2rem;
  text-align: center;
}

.priceSection .option__lead,
.plan-buySection .option__lead {
  text-align: left;
}

/* mtnet */
.price-caution--bottom-section {
  margin-bottom: 0;
}

.price-caution__wrap {
  margin-top: 40px;
  margin-bottom: 64px;
  line-height: 1.75;
}

.price-caution__emphasis {
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

/* mtnet */
.price-caution--bottom-section,
.content .price-caution--bottom-section {
  margin-bottom: 0;
}

.price-caution__wrap,
.content .price-caution__wrap {
  margin-top: 40px;
  margin-bottom: 64px;
  line-height: 1.75;
}

.price-caution__emphasis,
.content .price-caution__emphasis {
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

.price-caution__list,
.content .price-caution__list {
  font-size: 13px;
  line-height: 1.75;
  list-style: none;
}

.price-caution__listItem,
.content .price-caution__listItem {
  padding-left: 1.75em;
  text-indent: -1.75em;
}

.price-caution__listItem--word01,
.content .price-caution__listItem--word01 {
  padding-left: 1.25em;
  text-indent: -1.25em;
}


.plan-flow-others .lead {
  font-weight: bold;
}

.content.mtnet-plan .plan-license {
  padding: 1.5rem;
  margin-bottom: 2em;
  background: #f1f1f1;
}

.content.mtnet-plan .plan-license__h3 {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
  border-bottom: 1px solid rgb(204, 204, 204);
}

.content.mtnet-plan .plan-license__list {
  margin: 0.5rem;
  margin-bottom: 1.25rem;
}

.content.mtnet-plan p.plan-flow-text {
  margin-bottom: 3rem;
}

.plan-license-buttons-multi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.plan-license-buttons-multi .btn {
  flex: 1;
}

.plan-license-buttons-multi .btn i,
.plan-license-buttons .btn i {
  font-size: 20px;
}

/* ------------------------------------------
                 for tablet
------------------------------------------ */
@media (max-width: 768px) {
  .plan-license-buttons-multi {
    flex-direction: column;
  }
}



/* ------------------------------------------
                 for sp
------------------------------------------ */
@media (max-width: 480px) {
  html {
    font-size: 15px;
  }

  .priceSection .inner,
  .plan-buySection .inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .priceSection .inner--stacked,
  .plan-buySection .inner--stacked {
    padding-top: 0;
    padding-bottom: 0;
  }

  .priceSection .price__h2,
  .plan-buySection .price__h2 {
    font-size: 2rem;
  }

  .price-caution__wrap {
    margin-top: 27px;
    margin-bottom: 42px;
  }

  .price-caution__emphasis {
    margin-bottom: 27px;
  }
}