@charset "UTF-8";

.fv h1{
    padding: 14px 10px;
}

@media (max-width: 430px) {
    .fv .lede {
    font-size: 20px;
    }
}

.cta {
  background: linear-gradient(
    180deg,
    #ffad42 0%,
    #f58220 55%,
    #e56a0b 100%
  );
  box-shadow:
    0 5px 0 #bd5100,
    0 12px 24px rgba(190, 85, 0, .22);
}

.cta:hover {
  box-shadow:
    0 4px 0 #bd5100,
    0 9px 20px rgba(190, 85, 0, .20);
}

.cta::after {
  content: "›";
}

.cta__main {
  font-size: 23px;
  line-height: 1.4;
}

.cta small {
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .cta__main {
    font-size: 21px;
  }

  .cta small {
    font-size: 12px;
  }
}

.reason-why{margin:24px 0 8px;padding:22px 16px;background:#fff;border-radius:12px;border:2px solid #ffd9a8}
.reason-why__kicker{font-size:16px;color:#555;margin:0 0 6px}
.reason-why__title{font-size:25px;line-height:1.5;margin:0 0 20px}
.reason-why__title span{color:#e8720c}
.rw-lead{font-size:18px;line-height:1.9;margin:0 0 18px;color:#222}
.vs-stack{margin:22px 0}
.vs-box{border-radius:12px;padding:16px 14px}
.vs-box--ng{background:#f2f2f2}
.vs-box--ok{background:#fff4e6;border:2px solid #e8720c}
.vs-head{font-size:18px;font-weight:700;text-align:center;margin-bottom:12px;line-height:1.5}
.vs-box--ok .vs-head{color:#e8720c}
.vs-box ul{margin:0;padding-left:1.2em}
.vs-box li{font-size:17px;line-height:1.85;margin-bottom:10px;color:#222}
.vs-box li:last-child{margin-bottom:0}
.vs-arrow{text-align:center;font-size:15px;color:#8a6a4a;font-weight:700;padding:10px 0}
.vs-arrow::before{content:"▼";display:block;font-size:20px;color:#e8720c;line-height:1.2}
.reason-why__concl{font-size:20px;line-height:1.8;text-align:center;margin:20px 0 0;color:#222}
p.reason-why__kicker{
	margin-bottom:1em;
}

/* CTA以外の別タブで開くテキストリンク */
.lp7-page a.lp7-text-link,
.lp7-page a.lp7-text-link:visited {
  color: #27b85d !important;
  text-decoration-line: underline !important;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.18em;
}

/* FV内のmarkで囲まれた文字にも適用 */
.lp7-page a.lp7-text-link > mark {
  color: inherit !important;
  text-decoration: inherit !important;
}

.lp7-page a.lp7-text-link:hover,
.lp7-page a.lp7-text-link:focus-visible {
  color: #159447 !important;
}