/* PC FV only. Approved SP rendering is unchanged below 768px. */
@media (min-width:768px) {
  .tsumugu-lp .hero .hero-visual {
    height:clamp(600px,43.0556vw,820px);
    background:#0784ee;
    overflow:hidden;
  }
  .tsumugu-lp .hero .hero-photo {
    inset:0;
    width:100%;
    height:100%;
    z-index:-1;
  }
  .tsumugu-lp .hero .hero-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom;
  }
  .tsumugu-lp .hero .brand-header {
    position:absolute;
    top:14px;
    left:0;
    right:0;
    margin-inline:auto;
    padding:0;
  }
  .tsumugu-lp .hero .brand-header>img {
    width:192px;
    padding:4px 7px;
  }
  .tsumugu-lp .hero .hero-stage {
    position:static;
    min-height:0;
    height:auto;
  }
  .tsumugu-lp .hero .hero-copy {
    width:44%;
    max-width:550px;
    padding:36px 0 0;
    text-align:left;
  }
  .tsumugu-lp .hero .recovery-label {
    margin-bottom:10px;
    line-height:1.4;
  }
  .tsumugu-lp .hero .recovery-label>span {font-size:15px;}
  .tsumugu-lp .hero .recovery-label>strong {font-size:24px;}
  .tsumugu-lp .hero.hero-logo-horizontal h1 {
    width:100%;
    max-width:480px;
    height:auto;
    margin:0 0 12px;
  }
  .tsumugu-lp .hero .hero-message {
    font-size:30px;
    font-weight:700;
    line-height:1.45;
    margin-bottom:10px;
  }
  .tsumugu-lp .hero .hero-description {
    font-size:15px;
    line-height:1.7;
    max-width:540px;
  }
  .tsumugu-lp .hero .hero-message,
  .tsumugu-lp .hero .hero-description,
  .tsumugu-lp .hero .recovery-label {
    color:#fff;
    text-shadow:0 1px 3px rgba(0,55,110,.15);
  }
  .tsumugu-lp .hero {padding-bottom:24px;}
  .tsumugu-lp .hero .hero-bottom {margin-top:14px;}
  .tsumugu-lp .hero .project-limit {padding:3px 16px;margin-bottom:8px;}
  .tsumugu-lp .hero .price-summary-heading {margin-bottom:8px;}
  .tsumugu-lp .hero .price-summary {margin-bottom:16px;}
  .tsumugu-lp .hero .price-summary>div {padding:10px 20px 11px;}
  .tsumugu-lp .hero .hero-price-note {margin:-5px 0 14px;}
  .tsumugu-lp .hero .cta-note {margin-top:10px;}
}
@media (min-width:1200px) and (max-width:1350px) {
  .tsumugu-lp .hero .hero-copy {padding-top:32px;}
  .tsumugu-lp .hero.hero-logo-horizontal h1 {max-width:440px;margin-bottom:12px;}
  .tsumugu-lp .hero .recovery-label>span {font-size:15px;}
  .tsumugu-lp .hero .recovery-label>strong {font-size:23px;}
  .tsumugu-lp .hero .hero-message {font-size:28px;}
  .tsumugu-lp .hero .hero-description {font-size:15px;}
}
@media (min-width:768px) and (max-width:1199px) {
  .tsumugu-lp .hero .hero-visual {
    height:calc(50vw + clamp(180px,calc(439px - 25vw),247px));
    background:linear-gradient(115deg,#127cf0,#0071e2);
  }
  .tsumugu-lp .hero .hero-photo {
    top:auto;
    bottom:0;
    height:50vw;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%);
    mask-image:linear-gradient(to bottom,transparent,#000 22%);
  }
  .tsumugu-lp .hero .brand-header {
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    padding:12px 0 8px;
  }
  .tsumugu-lp .hero .brand-header>img {width:180px;}
  .tsumugu-lp .hero .hero-copy {
    width:100%;
    max-width:690px;
    margin:auto;
    padding:4px 0 0;
    text-align:center;
  }
  .tsumugu-lp .hero .recovery-label {margin-bottom:8px;}
  .tsumugu-lp .hero .recovery-label>span {font-size:14px;}
  .tsumugu-lp .hero .recovery-label>strong {font-size:22px;}
  .tsumugu-lp .hero.hero-logo-horizontal h1 {
    max-width:360px;
    margin:0 auto 8px;
  }
  .tsumugu-lp .hero .hero-message {
    font-size:26px;
    line-height:1.4;
    margin-bottom:8px;
  }
  .tsumugu-lp .hero .hero-description {
    font-size:14px;
    line-height:1.6;
    max-width:670px;
    margin:auto;
  }
}