@charset "UTF-8";

/* 参考LP風 写真・オファー強め版: 独自CSS欄に丸ごと貼り付け */
.prizenes-ad-lp {
  --ink: #12313a;
  --muted: #506970;
  --teal: #009b91;
  --deep: #063f48;
  --cream: #fff7e5;
  --yellow: #f7bd31;
  --orange: #ef7445;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  color: var(--ink) !important;
  background: #f4fbfa !important;
  font-family: "Noto Sans JP", sans-serif !important;
  line-height: 1.75 !important;
  overflow: hidden !important;
}

.prizenes-ad-lp *,
.prizenes-ad-lp *::before,
.prizenes-ad-lp *::after { box-sizing: border-box !important; }
.prizenes-ad-lp a { text-decoration: none !important; }
.prizenes-ad-lp img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.prizenes-ad-lp h1,
.prizenes-ad-lp h2,
.prizenes-ad-lp h3,
.prizenes-ad-lp p { margin-top: 0 !important; letter-spacing: 0 !important; overflow-wrap: anywhere !important; }

.pa-hero {
  position: relative !important;
  min-height: 780px !important;
  isolation: isolate !important;
}
.pa-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(6,63,72,.82), rgba(6,63,72,.36) 46%, rgba(255,247,229,.08)) !important;
}
.pa-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  max-width: 780px !important;
  padding: clamp(42px, 7vw, 110px) clamp(22px, 7vw, 110px) !important;
}
.pa-area,
.pa-small {
  display: inline-flex !important;
  align-self: flex-start !important;
  margin-bottom: 14px !important;
  padding: 7px 14px !important;
  color: #fff !important;
  background: var(--teal) !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
.pa-hero h1 {
  margin-bottom: 18px !important;
  color: #fff !important;
  font-size: clamp(46px, 7vw, 92px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  text-shadow: 0 4px 22px rgba(0,0,0,.22) !important;
}
.pa-sub {
  max-width: 650px !important;
  color: #fff !important;
  font-size: clamp(17px, 2vw, 24px) !important;
  font-weight: 800 !important;
}
.pa-campaign {
  max-width: 540px !important;
  margin-top: 26px !important;
  padding: 18px 22px !important;
  background: #fff !important;
  border: 4px solid var(--yellow) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.22) !important;
}
.pa-campaign span,
.pa-campaign strong {
  display: block !important;
}
.pa-campaign span {
  color: var(--deep) !important;
  font-weight: 900 !important;
}
.pa-campaign strong {
  color: var(--orange) !important;
  font-size: clamp(32px, 4.2vw, 56px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}