/* 981px-1366px shared notebook baseline. 981px-1199px refinements live in small-pc.css. */
@media screen and (min-width: 981px) and (max-width: 1366px) {
  .lp-page .container { width: min(1000px, calc(100% - 40px)); }

  .lp-page .header { height: 72px; }
  .lp-page .header__inner { width: min(1180px, calc(100% - 40px)); gap: 18px; }
  .lp-page .header .logo,
  .lp-page .footer .logo {
    width: 190px;
    height: 34px;
    background-size: 210px 210px;
  }
  .lp-page .nav { gap: 36px; font-size: 16px; }
  .lp-page .nav .btn {
    width: 180px;
    min-width: 180px;
    height: 48px;
    font-size: 16px;
    padding: 0 20px;
  }

  .lp-page .hero {
    min-height: 620px;
  }
  .lp-page .hero::before {
    left: min(300px, 30vw);
    top: -18px;
    width: 62px;
    height: 146px;
  }
  .lp-page .hero__copy {
    width: 400px;
    margin-left: max(20px, calc((100vw - 1000px) / 2));
    padding-top: 170px;
  }
  .lp-page .hero h1 {
    font-size: 34px;
    line-height: 1.48;
    letter-spacing: -1.5px;
  }
  .lp-page .hero p {
    width: 400px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.72;
  }
  .lp-page .hero__actions {
    margin-top: 28px;
    gap: 10px;
  }
  .lp-page .hero__actions .btn {
    width: min(240px, calc(100% - 40px));
    min-width: 0;
    height: 54px;
    font-size: 17px;
  }
  .lp-page .hero__visual {
    right: max(20px, calc((100vw - 1180px) / 2));
    top: 28px;
    width: 690px;
    height: 695px;
    transform: scale(.9);
    transform-origin: top right;
  }
  .lp-page .device-art {
    width: 690px;
    height: 695px;
    background-size: 630px 946px;
    background-position: -29px -230px;
  }
  .lp-page .hero__circle--a {
    left: 561px;
    top: 33px;
    width: 124px;
    height: 124px;
  }
  .lp-page .hero__circle--a::before {
    width: 72px;
    height: 72px;
  }
  .lp-page .hero__circle--b {
    left: 101px;
    top: 173px;
    width: 84px;
    height: 84px;
  }
  .lp-page .hero__circle--b::before {
    width: 54px;
    height: 54px;
  }
  .lp-page .hero__circle--c {
    left: 549px;
    top: 504px;
    width: 114px;
    height: 114px;
  }
  .lp-page .hero__circle--c::before {
    width: 67px;
    height: 67px;
  }
  .lp-page .hero__circle--e {
    left: 408px;
    top: 0;
    width: 76px;
    height: 76px;
  }

  .lp-page .section { padding: 64px 0; }
  .lp-page .section-heading {
    height: 138px;
  }
  .lp-page .section-heading__bg {
    font-size: 142px;
    line-height: 138px;
  }
  .lp-page .section-heading__en {
    font-size: 22px;
    line-height: 28px;
  }
  .lp-page .section-heading h2 {
    font-size: 29px;
    line-height: 44px;
  }

  .lp-page .problem {
    padding-top: 36px;
    background: linear-gradient(to bottom, #fff 0 450px, var(--blue2) 450px 100%);
  }
  .lp-page .problem__panel {
    min-height: 510px;
    padding: 62px 28px 46px;
  }
  .lp-page .problem__cards {
    height: 210px;
    padding: 0;
    gap: 30px;
  }
  .lp-page .problem .mock-photo {
    width: min(100%, 240px);
    height: 160px;
  }

  .lp-page .solution {
    min-height: 700px;
    padding: 30px 0 72px;
  }
  .lp-page .solution__cards {
    gap: 30px;
  }
  .lp-page .solution-card {
    width: 100%;
    height: 278px;
    padding: 0 18px 22px;
  }
  .lp-page .solution-card .mock-photo {
    width: min(100%, 280px);
    height: 187px;
  }
  .lp-page .solution-card p {
    height: 62px;
    font-size: 15px;
  }

  .lp-page .feature {
    min-height: 2100px;
    padding: 96px 0 64px;
  }
  .lp-page .feature-list {
    gap: 64px;
  }
  .lp-page .feature-item {
    min-height: 390px;
    grid-template-columns: minmax(0, 1fr) minmax(430px, 52%);
    gap: 48px;
  }
  .lp-page .feature-item--reverse {
    grid-template-columns: minmax(430px, 52%) minmax(0, 1fr);
  }
  .lp-page .feature-item::before {
    left: calc((100vw - min(1000px, calc(100vw - 40px))) / -2 - 5px);
    top: 48px;
    width: calc((100vw - min(1000px, calc(100vw - 40px))) / 2 + 970px);
    height: 342px;
  }
  .lp-page .feature-item--reverse::before {
    left: auto;
    right: calc((100vw - min(1000px, calc(100vw - 40px))) / -2 - 5px);
  }
  .lp-page .feature-item::after {
    width: 320px;
    height: 20px;
  }
  .lp-page .feature .feature-copy {
    transform: translateY(-42px);
  }
  .lp-page .point {
    gap: 18px;
    margin-bottom: 34px;
  }
  .lp-page .point::before {
    width: 15px;
    height: 70px;
    margin-right: 4px;
  }
  .lp-page .point span {
    font-size: 21px;
  }
  .lp-page .point b {
    font-size: 82px;
  }
  .lp-page .feature-copy h3 {
    margin-bottom: 24px;
    font-size: 27px;
  }
  .lp-page .feature-copy ul {
    gap: 16px;
    font-size: 16px;
    line-height: 28px;
  }

  .lp-page .flow {
    min-height: 700px;
    padding: 64px 0;
  }
  .lp-page .flow-illust--left {
    left: 24px;
    width: 67px;
    height: 160px;
  }
  .lp-page .flow-illust--right {
    right: 24px;
    top: 360px;
    width: 72px;
    height: 176px;
  }
  .lp-page .flow-list {
    --flow-gap: 36px;
    --flow-circle: 56px;
    width: min(720px, 100%);
    margin-top: 44px;
  }
  .lp-page .flow-list li {
    grid-template-columns: 56px 1fr;
    gap: 28px;
  }
  .lp-page .flow-list span {
    width: 56px;
    height: 56px;
    font-size: 22px;
  }
  .lp-page .flow-list h3 {
    font-size: 22px;
  }

  .lp-page .voice {
    min-height: 690px;
    padding: 64px 0;
  }
  .lp-page .voice__cards {
    margin-top: 64px;
    gap: 30px;
  }
  .lp-page .voice__cards .mock-photo {
    height: 190px;
  }
  .lp-page .voice__cards p {
    font-size: 16px;
  }
  .lp-page .voice__cards small {
    font-size: 14px;
  }

  .lp-page .price {
    min-height: 910px;
    padding: 64px 0;
  }
  .lp-page .plans {
    margin-top: 64px;
    gap: 30px;
  }
  .lp-page .plan {
    min-height: 520px;
  }
  .lp-page .plan--hot {
    min-height: 600px;
  }
  .lp-page .plan h3 {
    height: 82px;
    font-size: 21px;
  }
  .lp-page .plan p {
    font-size: 15px;
  }
  .lp-page .plan strong {
    font-size: 28px;
    line-height: 52px;
  }
  .lp-page .plan ul {
    padding: 0 20px 0 44px;
    font-size: 14px;
    line-height: 27px;
  }
  .lp-page .plan .btn {
    width: min(240px, calc(100% - 40px));
    min-width: 0;
    height: 54px;
    font-size: 17px;
  }
  .lp-page .plan--hot .btn {
    margin-top: 82px;
  }

  .lp-page .faq,
  .lp-page .news {
    padding: 64px 0;
  }
  .lp-page .faq-list {
    margin-top: 64px;
  }
  .lp-page .news-list {
    margin-top: 56px;
  }

  .lp-page .cta {
    min-height: 350px;
  }
  .lp-page .cta__panel {
    width: min(1000px, calc(100% - 40px));
    min-height: 245px;
    padding: 44px 110px 20px;
  }
  .lp-page .cta__panel::before {
    left: -30px;
    top: auto;
    bottom: -17px;
    width: 150px;
    height: 138px;
  }
  .lp-page .cta__panel::after {
    right: -24px;
    top: auto;
    bottom: -19px;
    width: 150px;
    height: 130px;
    background-position: -18px -94px;
    background-size: 172px 258px;
  }
  .lp-page .cta__panel h2 {
    font-size: 34px;
    line-height: 42px;
  }
  .lp-page .cta__panel p {
    font-size: 16px;
  }
  .lp-page .cta__panel div {
    margin-top: 38px;
    gap: 28px;
    flex-wrap: nowrap;
  }
  .lp-page .cta .btn {
    width: 278px;
    min-width: 278px;
    height: 58px;
    font-size: 19px;
  }
}