@charset "utf-8";

/* =========================================================
   エアコンプラス LP
   デザイン基準幅 800px（PSD 書き出し素材幅）
   html の font-size を 2vw（= 800px 時に 16px）とし、
   1rem = デザイン 16px として全要素をビューポート幅に流動追従させる。
   これにより PC でも max-width による余白を作らず全幅表示となる。
   ========================================================= */

/* -------- reset -------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
ol,
li,
dl,
dt,
dd,
form,
label,
fieldset,
legend,
table,
caption,
tbody,
thead,
tr,
th,
td,
section,
article,
aside,
header,
footer,
main,
nav,
figure,
figcaption,
button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

main,
section,
article,
aside,
header,
footer,
nav,
figure,
figcaption {
  display: block;
}

ul,
ol {
  list-style: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

/* -------- base -------- */
:root {
  --navy: #03174e;
  --navy-2: #053b91;
  --blue: #0057c6;
  --blue-light: #d8ebf9;
  --sky: #06a4d9;
  --footer-bg: #0247a6;
  --voice-bg: #c8d8fa;
  --form-bg: #f1f1f1;
  --must: #f43b4d;
  --text: #1f1f1f;
  --font-ja: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans",
    "BIZ UDPGothic", "Noto Sans JP", "Yu Gothic", "游ゴシック体", "YuGothic",
    "Meiryo", "メイリオ", "MS PGothic", sans-serif;
}

html {
  /* 800px を基準にした流動スケール（1rem = デザイン 16px） */
  font-size: 2vw;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  overflow-x: hidden;
  background: #fff;
  color: var(--text);
  font-family: var(--font-ja);
  font-size: 1.625rem;
  /* 26u */
  line-height: 1.7;
}

/* 追従CTA表示中の下部余白 */
body.is-follow-active {
  padding-bottom: 7.5rem;
}

/* -------- utility -------- */
.u-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* =========================================================
   ヘッダー
   ========================================================= */
.l-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 6.25rem;
  /* 100u */
  padding: 0 2.125% 0 1.75%;
  background: #fff;
}

.l-header__logo {
  width: 45.125%;
  /* 361 / 800 */
}

.l-header__btns {
  display: flex;
  align-items: center;
  gap: 1.3%;
  width: 48.125%;
  /* (302 + 5 + 78) / 800 */
}

.l-header__tel {
  width: 78.44%;
  /* 302 / 385 */
}

.l-header__mail {
  width: 20.26%;
  /* 78 / 385 */
}

/* =========================================================
   メインビジュアル / 画像のみのセクション
   ========================================================= */
.p-mv h1,
.p-img-sec {
  width: 100%;
  font-size: 0;
  line-height: 0;
}

/* =========================================================
   CTA（電話 / メール）
   背景 cta_bg.jpg に、パーツ素材のボタンを実寸比率で重ねる
   ========================================================= */
.p-cta {
  position: relative;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.p-cta__bg {
  position: static;
  display: block;
  width: 100%;
  height: auto;
}

.p-cta__tel,
.p-cta__mail,
.p-cta__tel2,
.p-cta__mail2 {
  position: absolute;
  display: block;
  transition: opacity 0.2s ease;
}

.p-cta__tel {
  left: 7.1875%;
  /* 57.5 / 800 */
  top: 34%;
  /* 146 / 500 */
  width: 85.625%;
  /* 685 / 800 */
}

.p-cta__mail {
  left: 7.25%;
  /* 58 / 800 */
  top: 70.6%;
  /* 343 / 500 */
  width: 85.5%;
  /* 684 / 800 */
}

.p-cta__tel2 {
    left: 7.1875%;
    top: 28%;
    width: 85.625%;
}

.p-cta__mail2 {
    left: 7.25%;
    top: 68%;
    width: 85.5%;
}

.p-follow-trigger {
  width: 100%;
  height: 1px;
}

.cta__head {
  position: absolute;
  top: 9.27%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}

.cta__head b {
  display: block;
  font-size: 49px;
  line-height: 1.22;
  font-weight: 700;
  color: var(--yellow);
}

.cta__head span {
  display: block;
  font-size: 40px;
  line-height: 1.22;
  font-weight: 700;
  color: #fff;
}

.cta__head .js-clock {
  display: inline;
  color: #fffc3b;
}

.cta__message {
  display: block;
  font-size: 4.5vw;
  line-height: 1.22;
  font-weight: 700;
  color: #fff;
}




/* =========================================================
   事例紹介（スライダー）
   ========================================================= */
.p-voice {
  width: 100%;
  padding: 21.6875rem 0 3.4375rem;
  /* 347u / 55u */
  background-color: var(--voice-bg);
  background-image: url("../img/voice_bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.p-slider {
  position: relative;
  width: 100%;
}

.p-slider__viewport {
  width: 81.25%;
  /* 650 / 800 */
  margin: 0 auto;
  overflow: hidden;
}

.p-slider__track {
  display: flex;
  width: 100%;
  transition: transform 0.45s ease;
}

.p-slider__track.is-nomotion {
  transition: none;
}

.p-slider__slide {
  flex: 0 0 100%;
  width: 100%;
}

/* 矢印 */
.p-slider__arrow {
  position: absolute;
  top: 0;
  bottom: 3.25rem;
  /* ドット領域ぶん */
  margin-block: auto;
  width: 0;
  height: 0;
  padding: 0;
  border-top: 1.46875rem solid transparent;
  /* 23.5u */
  border-bottom: 1.46875rem solid transparent;
  transition: opacity 0.2s ease;
}

.p-slider__arrow--prev {
  left: 3.75%;
  /* 30 / 800 */
  border-right: 2rem solid var(--navy-2);
  /* 39u */
}

.p-slider__arrow--next {
  right: 3.75%;
  border-left: 2rem solid var(--navy-2);
}

/* ドット */
.p-slider__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  /* 48u */
  margin-top: 2.5rem;
  /* 40u */
}

.p-slider__dot {
  width: 0.75rem;
  /* 12u */
  height: 0.75rem;
  padding: 0;
  border-radius: 50%;
  background: var(--blue);
  opacity: 0.3;
  transition: opacity 0.2s ease;
}

.p-slider__dot[aria-current="true"] {
  opacity: 1;
}

/* =========================================================
   よくある質問
   ========================================================= */
.p-qa {
  width: 100%;
  padding: 3.375rem 0 5.625rem;
  /* 54u / 90u */
  background: #fff;
}

.p-qa__ttl {
  width: 64.625%;
  /* 517 / 800 */
  margin: 0 auto 1.75rem;
  /* 28u */
}

.p-qa__list {
  padding: 0 6.25%;
  /* 50 / 800 */
}

.p-qa__item + .p-qa__item {
  margin-top: 1.6875rem;
  /* 27u */
}

.p-qa__q {
  font-size: inherit;
}

.p-qa__btn {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  /* 28u */
  width: 100%;
  padding: 1.3125rem 2.1875rem 1.3125rem 2.0625rem;
  border-radius: 0.75rem;
  /* 12u */
  background: var(--navy);
  color: #fff;
  text-align: left;
}

.p-qa__mark {
  flex: 0 0 auto;
  width: 3.375rem;
  /* 54u */
  font-size: 3.25rem;
  /* 52u */
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.p-qa__mark--a {
  color: var(--blue);
}

.p-qa__text {
  flex: 1 1 auto;
  font-size: 1.75rem;
  /* 28u */
  font-weight: 700;
  line-height: 1.45;
}

.p-qa__icon {
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-left: 0.8125rem solid transparent;
  /* 13u */
  border-right: 0.8125rem solid transparent;
  border-top: 0.9375rem solid #fff;
  /* 15u */
  transition: transform 0.3s ease;
}

.p-qa__btn[aria-expanded="true"] .p-qa__icon {
  transform: rotate(180deg);
}

.p-qa__a {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  margin-top: 0;
  border-radius: 0.75rem;
  background: var(--blue-light);
  transition: grid-template-rows 0.3s ease, margin-top 0.3s ease,
    visibility 0s linear 0.3s;
}

.p-qa__a.is-open {
  grid-template-rows: 1fr;
  visibility: visible;
  margin-top: 0.875rem;
  /* 14u */
  transition: grid-template-rows 0.3s ease, margin-top 0.3s ease,
    visibility 0s linear 0s;
}

.p-qa__a-clip {
  overflow: hidden;
  min-height: 0;
}

.p-qa__a-inner {
  display: flex;
  align-items: flex-start;
  gap: 1.75rem;
  padding: 1.5rem 2.0625rem;
  /* 24u / 33u */
}

.p-qa__a-body {
  flex: 1 1 auto;
}

.p-qa__a-body p {
  font-size: 1.75rem;
  line-height: 1.55;
}

.p-qa__a-body p + p {
  margin-top: 1rem;
}

.p-qa__credit {
  width: 88.75%;
  /* 710 / 800 */
  margin: 5rem auto 0;
  /* 80u */
}

/* =========================================================
   お問い合わせフォーム
   ========================================================= */
.p-form {
  width: 100%;
  padding: 4rem 2.5rem 5.625rem;
  background: var(--form-bg);
}

.p-form__ttl {
  padding-bottom: 1rem;
  border-bottom: 0.125rem solid var(--blue);
  color: var(--navy);
  font-size: 2.5rem;
  /* 40u */
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.p-form__lead {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  text-align: center;
}

.p-form__must {
  display: inline-block;
  margin-left: 0.625rem;
  padding: 0.125rem 0.625rem;
  border-radius: 0.25rem;
  background: var(--must);
  color: #fff;
  font-size: 1.125rem;
  /* 18u */
  font-weight: 700;
  line-height: 1.5;
  vertical-align: middle;
}

.p-form__lead .p-form__must {
  margin-left: 0;
  margin-right: 0.375rem;
}

.p-form__note {
  font-size: 1.25rem;
  font-weight: 400;
}

.p-form__tbl {
  margin-top: 2rem;
  padding: 2.5rem;
  border-radius: 0.875rem;
  background: #fff;
  box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.08);
}

.p-form__row + .p-form__row {
  margin-top: 1.75rem;
}

.p-form__row dt {
  color: #313131;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.5;
}

.p-form__row dd {
  margin-top: 0.5rem;
}

.p-form__row input,
.p-form__row select,
.p-form__row textarea {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 0.09375rem solid #cacaca;
  border-radius: 0.3125rem;
  background: #fff;
  color: var(--text);
  font-family: inherit;
  font-size: 1.625rem;
  line-height: 1.5;
}

.p-form__row textarea {
  resize: vertical;
}

.p-form__row select {
  -webkit-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--navy) 50%),
    linear-gradient(135deg, var(--navy) 50%, transparent 50%);
  background-position: right 1.75rem center, right 1.25rem center;
  background-size: 0.5rem 0.5rem, 0.5rem 0.5rem;
  background-repeat: no-repeat;
  padding-right: 3rem;
}

.p-form__row input:focus,
.p-form__row select:focus,
.p-form__row textarea:focus {
  outline: 0.125rem solid var(--blue);
  outline-offset: 0.0625rem;
}

.p-form__tel,
.p-form__zip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.p-form__tel input,
.p-form__zip input {
  width: 27%;
}

.p-form__privacy-ttl {
  margin-top: 2.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-form__privacy {
  height: 11rem;
  margin-top: 0.75rem;
  padding: 1.25rem;
  border: 0.09375rem solid #d6d6d6;
  border-radius: 0.3125rem;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 1.25rem;
  /* 20u */
  line-height: 1.7;
  word-break:break-all;
}

.p-form__privacy p + p {
  margin-top: 1rem;
}

.p-form__privacy b {
  font-weight: 700;
}

.p-form__submit {
  margin-top: 2.5rem;
  text-align: center;
}

.p-form__submit button {
  display: inline-block;
  padding: 1.375rem 3.125rem;
  border: 0.09375rem solid #1e68d6;
  border-radius: 0.3125rem;
  background: linear-gradient(to bottom, #5d97ec, #1e68d6);
  color: #fff;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  transition: opacity 0.2s ease;
}

/* 確認 / 完了ページ用 */
.p-form__confirm dl {
  display: block;
}

.p-form__actions {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
}

.p-form__actions button,
.p-form__actions a {
  display: inline-block;
  padding: 1.375rem 3.125rem;
  border: 0.09375rem solid #1e68d6;
  border-radius: 0.3125rem;
  background: linear-gradient(to bottom, #5d97ec, #1e68d6);
  color: #fff;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.p-form__actions .is-back {
  border-color: #4b5257;
  background: #585f63;
}

.p-form__value {
  min-height: 2.5rem;
  padding: 0.875rem 1rem;
  border-bottom: 0.09375rem solid #e2e2e2;
  font-size: 1.625rem;
  line-height: 1.6;
  word-break: break-all;
  white-space: pre-wrap;
}

.p-form__message {
  margin-top: 2rem;
  padding: 2.5rem;
  border-radius: 0.875rem;
  background: #fff;
  font-size: 1.625rem;
  line-height: 1.9;
}

.p-form__error {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  border: 0.09375rem solid var(--must);
  border-radius: 0.3125rem;
  background: #fff5f6;
  color: #c0102a;
  font-size: 1.5rem;
}

.p-form__error ul {
  list-style: disc;
  padding-left: 1.5rem;
}

/* =========================================================
   下層ページ（プライバシーポリシー）
   ========================================================= */
.p-page {
  width: 100%;
  padding: 2rem 1rem 3rem;
  background: #fff;
}

.p-page__ttl {
  padding-bottom: 1rem;
  border-bottom: 0.125rem solid var(--blue);
  color: var(--navy);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.p-page h3 {
  margin-top: 2.5rem;
  color: var(--navy);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.5;
}

.p-page p {
  margin-top: 1rem;
  font-size: 1.5rem;
  line-height: 1.9;
}

.p-page__back {
  margin-top: 3.75rem;
  text-align: center;
}

.p-page__back a {
  display: inline-block;
  padding: 1.375rem 3.125rem;
  border-radius: 0.3125rem;
  background: linear-gradient(to bottom, #5d97ec, #1e68d6);
  color: #fff;
  font-size: 1.75rem;
  font-weight: 700;
}

/* =========================================================
   フッター
   ========================================================= */
.l-footer {
  width: 100%;
  padding: 3.5625rem 2.5rem 3.75rem;
  background: var(--footer-bg);
  color: #fff;
  text-align: center;
}

.l-footer__logo {
  width: 53.375%;
  /* 427 / 800 */
  margin: 0 auto;
}

.l-footer__info {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.5rem 1.5rem;
  width: fit-content;
  margin: 2.75rem auto 0;
  font-size: 1.625rem;
  line-height: 1.6;
  text-align: left;
}

.l-footer__info dt {
  white-space: nowrap;
}

.l-footer__privacy {
  margin-top: 2.5rem;
  font-size: 1.625rem;
}

.l-footer__privacy a {
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

/* =========================================================
   追従CTA
   ========================================================= */
.p-follow {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  /* 14u */
  width: 100%;
  padding: 0.625rem 0.75rem;
  /* 10u / 12u */
  background: var(--sky);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}

.p-follow.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s;
}

.p-follow__tel,
.p-follow__mail {
  flex: 1 1 0;
  min-width: 0;
  transition: opacity 0.2s ease;
}

/* =========================================================
   ホバー（マウス環境のみ）
   ========================================================= */
@media (hover: hover) {
  .p-cta__tel:hover,
  .p-cta__mail:hover,
  .p-follow__tel:hover,
  .p-follow__mail:hover,
  .l-header__tel:hover,
  .l-header__mail:hover,
  .p-slider__arrow:hover,
  .p-form__submit button:hover,
  .p-form__actions button:hover,
  .p-form__actions a:hover {
    opacity: 0.8;
  }

  .p-qa__btn:hover {
    background: #0a2467;
  }

  .l-footer__privacy a:hover {
    text-decoration: none;
  }
}

/* =========================================================
   SP（768px 以下）
   ※レイアウトは全幅流動のため PC / SP 共通。
   　タップ領域と可読性のみ微調整する。
   ========================================================= */
@media screen and (max-width: 768px) {
  .wrap {
    width: 100%;
    margin: 0 auto;
}
  .p-slider__arrow {
    /* タップしやすいよう当たり判定を確保 */
    border-top-width: 1.75rem;
    border-bottom-width: 1.75rem;
  }

  .p-form {
    padding: 3rem 1rem 4.5rem;
  }

  .p-form__tbl {
    padding: 1.75rem 1.5rem;
  }

  .p-page {
    padding: 3rem 1.5rem 4.5rem;
  }

  .l-footer {
    padding: 3.5625rem 1.5rem 3.75rem;
  }
  .cta__head span {
  font-size: 23px;
}
.cta__head b {
    font-size: 23px;
}
}

/* -------- モーション低減 -------- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .p-slider__track,
  .p-qa__a,
  .p-qa__icon,
  .p-follow {
    transition: none;
  }
}



/* =========================================================
   PC（768px 以上）
   ※レイアウトは全幅流動のため PC / SP 共通。
   タップ領域と可読性のみ微調整する。
   ========================================================= */
@media screen and (min-width: 768px) {
.wrap {
    width: 650px;
    margin: 0 auto;
}
.l-header {
    height: 100px;
}
.p-voice {
    padding: 9rem 0 3rem;
}
.p-slider__dot {
    width: 0.5rem;
    height: 0.5rem;
}
.p-slider__dots {
    gap: 1.5rem;
    margin-top: 1rem;
}
.p-slider__arrow {
    bottom: 2rem;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}
.p-slider__arrow--prev {
    border-right: 1.5rem solid var(--navy-2);
}
.p-slider__arrow--next {
    border-left: 1.5rem solid var(--navy-2);
}

.cta__head {
  top: 4.27%;
}


/* qa */
.p-qa {
    padding: 2rem 0 3rem;
}
.p-qa__ttl {
    margin: 0 auto 1rem;
}
.p-qa__mark {
    width: 2rem;
    font-size: 1.2rem;
}
.p-qa__text {
    font-size: 0.65rem;
}
.p-qa__a-body p {
    font-size: 0.65rem;
}
.p-qa__btn {
    padding: .7rem;
    gap: .5rem;
}
.p-qa__a-inner {
    padding: .7rem;
    gap: .5rem;
}
.p-qa__item + .p-qa__item {
    margin-top: 1rem;
}
.p-qa__credit {
    margin: 2rem auto 0;
}
.p-form__row + .p-form__row {
    margin-top: 1rem;
}
.p-qa__icon {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.7rem solid #fff;
}
.p-qa__a.is-open {
    margin-top: 0.5rem;
}


/* form */
.p-form {
    padding: 2rem 1rem 3rem;
}
.p-form__ttl {
    font-size: 1rem;
}
.p-form__lead {
    margin-top: 1rem;
    font-size: .5rem;
    text-align: center;
}
.p-form__must {
  font-size: 16px;
  padding: 2px 10px;
   border-radius: 0.2rem;
}
.p-form__tbl {
    margin-top: 1rem;
    padding: 1rem;
}
.p-form__row input, .p-form__row select, .p-form__row textarea {
    padding: 0.3rem;
    font-size: 0.5rem;
}
.p-form__row dt {
    font-size: 0.6rem;
}
.p-form__note {
    font-size: 0.6rem;
}
.p-form__value {
        font-size: .6rem;
        padding: 0.5rem 1rem;
 }
.p-form__privacy-ttl {
    font-size: 0.6rem;
    margin-top: 1.5rem;
}
.p-form__privacy {
        padding: .7rem;
        font-size: .5rem;
        line-height: 1.4;
        margin-top: 0.3rem;
}
.p-form__submit button {
    font-size: 0.8rem;
    padding: .8rem 2.3rem;
}


.p-form__row dd {
    margin-top: 0.2rem;
    font-size: 0.5rem; /* ←★これを追記します */
    min-height: 2rem;
  }

.p-form__value {
    font-size: 1rem;
}
.p-form__actions button, .p-form__actions a {
        padding: .4rem 1.5rem;
        font-size: 0.8rem;
    }

/* footer */
.l-footer__info {
    font-size: .6rem;
    line-height: 1.4;
    margin: 1rem auto 0;
}
.l-footer__privacy {
    margin-top: 1rem;
    font-size: 0.6rem;
}
.l-footer {
    padding: 2rem 2.5rem 2rem;
}
.p-form__submit {
    margin-top: 2rem;
    text-align: center;
}

body.is-follow-active {
    padding-bottom: 3rem;
}
  .p-follow {
    left: 50%;
    width: 650px;
    transform: translate(-50%, 100%);
  }

  .p-follow.is-visible {
    transform: translate(-50%, 0);
  }


/*  下層ページ（プライバシーポリシー） */
.p-page__ttl {
    padding-bottom: 1rem;
    font-size: .8rem;
}
.p-page p {
    margin-top: .7rem;
    font-size: 0.5rem;
    line-height: 1.7;
}
.p-page h3 {
    font-size: 0.6rem;
    margin-top: 1rem;
}
.p-page__back a {
    padding: .8rem 2.3rem;
    font-size: 0.7rem;
}
.p-form__message {
    padding: 1.5rem;
    font-size: .6rem;
}
}