/**
 * ec.css
 */
/* 別ページから引用 */
@import './../_components/casesSlider.css'; /* 導入事例 slider */
@import './../_components/home-eventsPage_article.css'; /* セミナー・イベント slider */
@import './../_components/blogRelationArtical.css'; /* ブログ slider */

/* LP共通用 */

@import './../_components/lp/lp_anchors.css'; /* ページ内リンク */
@import './../_components/lp/lp_reason.css'; /* 選ばれる理由 */
@import './../_components/lp/lp_cases.css'; /* 導入事例 */
@import './../_components/lp/lp_topics.css'; /* メディア掲載 */
@import './../_components/lp/lp_introduction.css'; /* 導入の流れ */
@import './../_components/lp/lp_support.css'; /* 導入後のサポートについて */
@import './../_components/lp/lp_faq.css'; /* FAQ */
@import './../_components/lp/lp_events.css'; /* セミナー・イベント */
@import './../_components/lp/lp_blog.css'; /* ブログ */

/* 専用 */
@import './../_components/lp/ec/ec_mv.css'; /* FV */
@import './../_components/lp/ec/ec_clientList.css'; /* 主要クライアント */
@import './../_components/lp/ec/ec_about.css'; /* Nint ECommerceとは */
@import './../_components/lp/ec/ec_voice.css'; /* お客様の声 */
@import './../_components/lp/ec/ec_award.css'; /* 受賞歴 */
@import './../_components/lp/ec/ec_cando.css'; /* Nint ECommerceでできること */
@import './../_components/lp/ec/ec_price.css'; /* 料金プラン */
@import './../_components/lp/ec/ec_plan.css'; /* 選べる2つのプラン！ */
@import './../_components/lp/ec/ec_usage.css'; /* Nint ECommerce 活用例 */
@import './../_components/lp/ec/ec_cta.css'; /* CTA */

/* 共通
====================================================*/
@media (min-width: 768px) {
  .ecPage {
    padding-bottom: 2rem;
  }
  .ecPage .breadcrumbs {
    margin-top: 11rem;
  }
}

@media (max-width: 999px) {
  .ecPage {
    overflow: visible;
  }
}
.lp_leadText {
  margin-bottom: 5rem;
  padding-right: 3.5rem;
  padding-left: 3.5rem;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
}
@media (max-width: 767px) {
  .lp_leadText {
    margin-bottom: 4.5rem;
    font-size: 1.6rem;
    text-align: left;
  }
}
.scroll-point {
  margin-top: calc(-10.6rem - 5.8rem);
  padding-top: calc(10.6rem + 5.8rem);
}
@media (max-width: 999px) {
  .scroll-point {
    margin-top: calc(-6.8rem - 5.8rem);
    padding-top: calc(6.8rem + 5.8rem);
  }
}
