@charset "UTF-8";

/* page-subscription.php 専用: タブレット */
/* subscription landing page: tablet */
@media (min-width: 668px) and (max-width: 959px) {
  .subscription_body .wrapper {
    width: 100%;
    padding: 0 2.5% 8%;
  }
  .subscription_page {
    padding: 6vw 0 9vw;
    border-radius: 5.8vw;
    overflow: visible;
  }
  .subscription_page .subscription_panel {
    width: 95%;
    margin-top: 7vw;
    padding: 7.5vw 5% 10vw;
    border-radius: 6vw;
  }
  .subscription_hero .subscription_btn {
  top: 50cqw;
}
  .subscription_section_header h2 {
    font-size: clamp(3.2rem, 4.2vw, 4.2rem);
  }
  .subscription_showcase {
    width: calc(100% + 5vw);
    margin-left: -2.5vw;
    padding: 6vw 0 5vw;
  }
  .subscription_showcase_group {
    gap: 5vw;
    padding-right: 5vw;
  }
  .subscription_showcase_item {
    width: 38vw;
    border-radius: 1.8vw;
    box-shadow: 1.8vw 2.4vw 0 var(--sub-panel-light);
  }
  .subscription_plan_list {
    gap: 1%;
  }
  .subscription_plan h3 {
    margin-bottom: 3vw;
    font-size: clamp(1.20rem, 1.37vw + 0.28rem, 1.60rem);
  }
  .subscription_plan_price strong {
    font-size: clamp(2.00rem, 4.11vw - 0.75rem, 3.20rem);
  }
  .subscription_plan_pages {
    font-size: clamp(1.40rem, 1.37vw + 0.28rem, 1.60rem);
  }
  .subscription_plan_text {
    font-size: clamp(1.20rem, 1.37vw + 0.28rem, 1.60rem);
  }
  .subscription_plan_btn {
    border-radius: 100px;
    bottom: 3%;
  }
  .subscription_page .subscription_plan_btn {
    font-size: clamp(1.20rem, 1.37vw + 0.28rem, 1.60rem);
  }
  .subscription_feature_list {
    margin-top: 8vw;
  }
  .subscription_feature {
    min-height: 0;
    padding: 8% 30% 8% 5%;
  }
  .subscription_feature_number {
    --subscription-feature-marker: clamp(62px, 7cqw, 108px);
    top: calc(var(--subscription-feature-marker) / -2);
    width: var(--subscription-feature-marker);
  }
  .subscription_feature > img,
  .subscription_feature > picture,
  .subscription_feature_network {
    right: 3%;
    width: 25%;
  }
  .subscription_process {
    display: block;
  }
  .subscription_process_list {
    --subscription-process-marker: clamp(47px, 6.2cqw, 60px);
    --subscription-process-number: clamp(2.00rem, 2.6cqw, 2.40rem);
    gap: 4vw;
    margin-top: 6vw;
  }
  .subscription_process_list li {
    grid-template-columns: var(--subscription-process-marker) minmax(0, 1fr);
    gap: 2.4vw;
  }
  .subscription_process_list li > span {
    width: var(--subscription-process-marker);
    height: var(--subscription-process-marker);
    font-size: var(--subscription-process-number);
  }
  .subscription_process_list li:not(:last-child)::after {
    top: calc(var(--subscription-process-marker) / 2);
    left: calc(var(--subscription-process-marker) / 2);
    height: calc(100% + 4vw);
  }
  .subscription_process_list h3 {
    min-height: var(--subscription-process-marker);
  }
  .subscription_faq {
    width: 90%;
    display: block;
    margin-top: 11vw;
    padding-bottom: 9vw;
  }
  .subscription_faq_list {
    gap: 3cqw;
    margin-top: 6vw;
  }
  .subscription_contact_lead {
    max-width: 100%;
  }
}