@charset "utf-8";

/*------------------------------------------------------------
  工務店選び・書籍プレゼントLP 共通
------------------------------------------------------------*/

#main .komuten-erabi {
  --lp-text: #333;
  --lp-heading: #222;
  --lp-accent: #c52239;
  --lp-border: #e5e5e5;

  width: 100%;
  min-width: 0;
  background-color: #fff;
  color: var(--lp-text);
  font-size: 16px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

#main .komuten-erabi,
#main .komuten-erabi *,
#main .komuten-erabi *::before,
#main .komuten-erabi *::after {
  box-sizing: border-box;
}

/* 画像 */

#main .komuten-erabi img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* 見出し・本文の基本余白 */

#main .komuten-erabi :where(h1, h2, h3, h4, p, figure) {
  margin: 0;
}

#main .komuten-erabi :where(h1, h2, h3, h4) {
  color: var(--lp-heading);
  font-weight: 700;
  line-height: 1.5;
}

/* リンク */

#main .komuten-erabi a {
  color: inherit;
  text-underline-offset: 0.2em;
}

#main .komuten-erabi a:focus-visible {
  outline: 3px solid #2271b1;
  outline-offset: 4px;
}

/* 中央カラム内の左右余白 */

#main .komuten-erabi .lp-inner {
  padding-inline: 20px;
}

/* 本文ブロック */

#main .komuten-erabi .lp-text > p + p {
  margin-top: 1.5em;
}

/* 強調 */

#main .komuten-erabi .lp-emphasis {
  color: var(--lp-accent);
  font-weight: 700;
}

/* 補足・注記 */

#main .komuten-erabi .lp-note {
  font-size: 13px;
  line-height: 1.7;
}

/*------------------------------------------------------------
  メインビジュアル
------------------------------------------------------------*/

#main .komuten-erabi .lp-hero {
  position: relative;
  container-type: inline-size;
  width: 100%;
  background-color: #fff;
}

#main .komuten-erabi .lp-hero__background {
  display: block;
  width: 100%;
  height: auto;
}

/* 画像の上に重ねるテキスト */
#main .komuten-erabi .lp-hero__area,
#main .komuten-erabi .lp-hero__title,
#main .komuten-erabi .lp-hero__lead,
#main .komuten-erabi .lp-hero__summary {
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
  overflow-wrap: normal;
  word-break: normal;
}

/* 最上部・黄色の帯 */
#main .komuten-erabi .lp-hero__area {
  top: 0.35%;
  left: 2%;
  width: 96%;
  color: #fff;
  font-size: 3.55cqw;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0;
  text-shadow: 1px 1px 2px rgb(0 0 0 / 35%);
}

/* 左上のキャッチコピー */
#main .komuten-erabi .lp-hero__title {
  top: 6.15%;
  left: 5.5%;
  width: 55%;
  color: #5f574f;
  font-size: 4.73cqw;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  transform: rotate(-4deg);
  transform-origin: left center;  
}

/* 大きな書籍画像の右側 */
#main .komuten-erabi .lp-hero__lead {
  top: 38.2%;
  left: 48.5%;
  width: 47%;
  color: #39332d;
  font-size: 3.68cqw;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
}

/* 書籍画像の下・横幅いっぱいの段落 */
#main .komuten-erabi .lp-hero__summary {
  top: 48.7%;
  left: 5.5%;
  width: 90%;
  color: #39332d;
  font-size: 3.68cqw;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
}

/* メインビジュアル・資料請求ボタン */
#main .komuten-erabi .lp-hero__button {
  position: absolute;
  z-index: 2;
  left: 12%;
  top: 83%;
  bottom: auto;
  width: 76%;
  display: block;
  transition: opacity 0.2s;
}

#main .komuten-erabi .lp-hero__button img {
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-hero__button:hover {
  opacity: 0.85;
}

/* 下部の営業案内・比較中の方向けメッセージ */
#main .komuten-erabi .lp-hero__notice {
  position: absolute;
  z-index: 1;
  top: 94.3%;
  left: 4%;
  width: 92%;
  color: #cf2500;
  font-size: 3.1cqw;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}

#main .komuten-erabi .lp-hero__notice p {
  margin: 0;
  padding: 0;
}

/*------------------------------------------------------------
  書籍の紹介
------------------------------------------------------------*/

#main .komuten-erabi .lp-book-intro {
  padding: 36px 0 40px;
  background-color: #fff;
}

/* 見出し */
#main .komuten-erabi .lp-book-intro__heading {
  margin: 0 0 22px;
  padding: 0 0 16px;
  border-bottom: 3px solid #ed9869;
  color: #a64825;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
}

#main .komuten-erabi .lp-book-intro__heading--points {
  margin-top: 36px;
}

/* 寄せられた相談 */
#main .komuten-erabi .lp-book-intro__concerns {
  margin: 24px 0;
  padding: 20px 16px;
  border: 1px solid #f0d9cc;
  border-radius: 8px;
  background-color: #fff5ef;
}

#main .komuten-erabi .lp-book-intro__concerns p {
  margin: 0;
}

#main .komuten-erabi .lp-book-intro__voices {
  margin: 16px 0;
  padding: 0;
  list-style: none;
}

#main .komuten-erabi .lp-book-intro__voices li {
  position: relative;
  margin: 0;
  padding: 0 0 14px 22px;
  color: #70442f;
  font-weight: 700;
  line-height: 1.75;
}

#main .komuten-erabi .lp-book-intro__voices li + li {
  padding-top: 14px;
  border-top: 1px dashed #dfc6b7;
}

#main .komuten-erabi .lp-book-intro__voices li:last-child {
  padding-bottom: 0;
}

#main .komuten-erabi .lp-book-intro__voices li::before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d77b48;
}

#main .komuten-erabi .lp-book-intro__voices li + li::before {
  top: calc(14px + 0.55em);
}

/* 書籍につなげる文章 */
#main .komuten-erabi .lp-book-intro__message {
  margin: 0;
  line-height: 1.9;
}

#main .komuten-erabi .lp-book-intro__message strong {
  font-weight: 700;
  background: linear-gradient(
    transparent 65%,
    #fff0b3 65%
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* 書籍で確認できるポイント */
#main .komuten-erabi .lp-book-intro__points {
  display: grid;
  gap: 16px;
}

#main .komuten-erabi .lp-book-intro__point {
  padding: 20px 16px;
  border: 1px solid #eadfd8;
  border-radius: 8px;
  background-color: #fffdf9;
}

#main .komuten-erabi .lp-book-intro__point-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  color: #8e4326;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

#main .komuten-erabi .lp-book-intro__number {
  display: inline-flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #b95c30;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

#main .komuten-erabi .lp-book-intro__point p {
  margin: 0;
  line-height: 1.85;
}

/*------------------------------------------------------------
  書籍を読むメリット
------------------------------------------------------------*/

#main .komuten-erabi .lp-book-benefits {
  padding: 0 0 40px;
  background-color: #fff;
}

/* 見出し画像 */
#main .komuten-erabi .lp-book-benefits__heading {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
}

#main .komuten-erabi .lp-book-benefits__heading img {
  display: block;
  width: 100%;
  height: auto;
}

/* チェックリスト */
#main .komuten-erabi .lp-book-benefits__list {
  margin: 0 0 24px;
  padding: 16px 16px 32px;
  border: 2px solid #f6956a;
  border-radius: 2px;
  background-color: #fffcfb;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  list-style: none;
}

#main .komuten-erabi .lp-book-benefits__list li {
  position: relative;
  margin: 0;
  padding: 12px 0 12px 36px;
  border-bottom: 1px dotted #999;
  color: #333;
  font-size: 16px;
  line-height: 1.65;
}

/* チェックマーク */
#main .komuten-erabi .lp-book-benefits__list li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 5px;
  background-color: #df8b41;
}

#main .komuten-erabi .lp-book-benefits__list li::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 9px;
  width: 8px;
  height: 13px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
}

/* 資料請求ボタン */
#main .komuten-erabi .lp-book-benefits__cta {
  text-align: center;
}

#main .komuten-erabi .lp-book-benefits__cta a {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  transition: opacity 0.2s;
}

#main .komuten-erabi .lp-book-benefits__cta img {
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-book-benefits__cta a:hover {
  opacity: 0.85;
}

/*------------------------------------------------------------
  平屋実例集の紹介
------------------------------------------------------------*/

#main .komuten-erabi .lp-hiraya {
  padding: 0 0 40px;
  background-color: #fff;
}

/* 見出し画像 */
#main .komuten-erabi .lp-hiraya__heading {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: none;
}

#main .komuten-erabi .lp-hiraya__heading img {
  display: block;
  width: 100%;
  height: auto;
}

/* 実例一覧の枠 */
#main .komuten-erabi .lp-hiraya__box {
  padding: 16px 16px 28px;
  border: 2px solid #f6956a;
  border-radius: 2px;
  background-color: #fffcfb;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}

#main .komuten-erabi .lp-hiraya__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main .komuten-erabi .lp-hiraya__list li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px dotted #999;
  color: #333;
  font-size: 16px;
  line-height: 1.65;
}

/* 坪数ラベル */
#main .komuten-erabi .lp-hiraya__size {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #9cabb3;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

#main .komuten-erabi .lp-hiraya__size--green {
  background-color: #9db365;
}

#main .komuten-erabi .lp-hiraya__size--blue {
  background-color: #647f8a;
}

/* 一覧下の説明 */
#main .komuten-erabi .lp-hiraya__note {
  margin: 16px 0 0;
  color: #333;
  font-size: 16px;
  line-height: 1.75;
}


/*------------------------------------------------------------
  共通見出し・オレンジと黒の帯
------------------------------------------------------------*/

#main .komuten-erabi .lp-band-heading {
  margin: 0 0 26px;
  padding: 18px 16px;
  border-top: 10px solid #222;
  border-bottom: 10px solid #222;
  background: #fff;
  box-shadow:
    0 -16px 0 #ef7d23,
    0 16px 0 #ef7d23;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

/*------------------------------------------------------------
  書籍を読んだ方の感想
------------------------------------------------------------*/

#main .komuten-erabi .lp-reader-voices {
  padding: 16px 0 40px;
  background-color: #fff;
}

#main .komuten-erabi .lp-reader-voices__list {
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
}

#main .komuten-erabi .lp-reader-voices__list li {
  position: relative;
  margin: 0;
  padding: 12px 0 12px 24px;
  border-bottom: 1px dotted #d8d0c5;
}

/* 元LPの封筒アイコン */
#main .komuten-erabi .lp-reader-voices__list li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 14px;
  height: 14px;
  background:
    url("../images/komuten-erabi/icon03.png")
    no-repeat center / contain;
}

#main .komuten-erabi .lp-reader-voices__list li p {
  margin: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.75;
}

#main .komuten-erabi .lp-reader-voices__name {
  display: block;
  margin-top: 4px;
  color: #666;
  font-size: 12px;
  line-height: 1.6;
}

/* 手書きの感想画像 */
#main .komuten-erabi .lp-reader-voices__photo {
  margin: 24px 0;
  text-align: center;
}

#main .komuten-erabi .lp-reader-voices__photo img {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin: 0 auto;
}

/* 資料請求ボタン */
#main .komuten-erabi .lp-reader-voices__cta a {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  transition: opacity 0.2s;
}

#main .komuten-erabi .lp-reader-voices__cta img {
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-reader-voices__cta a:hover {
  opacity: 0.85;
}

/*------------------------------------------------------------
  無料プレゼントの理由
------------------------------------------------------------*/

#main .komuten-erabi .lp-book-reason {
  padding: 16px 0 32px;
  background-color: #fff;
}

#main .komuten-erabi .lp-book-reason .lp-text {
  padding-top: 10px;
}

#main .komuten-erabi .lp-book-reason .lp-text p {
  color: #333;
  font-size: 16px;
  line-height: 1.9;
}


/*------------------------------------------------------------
  著者紹介
------------------------------------------------------------*/

#main .komuten-erabi .lp-author {
  padding: 12px 0 36px;
  background-color: #fff;
}

#main .komuten-erabi .lp-author__card {
  border-top: 4px solid #2585a7;
  background: linear-gradient(
    120deg,
    #f4fbfd 0%,
    #e0f2f8 55%,
    #edf8fc 100%
  );
}

/* 書籍タイトル */
#main .komuten-erabi .lp-author__heading {
  margin: 0;
  padding: 14px 12px;
  border-bottom: 3px solid #2585a7;
  background-color: #fff;
  color: #222;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

#main .komuten-erabi .lp-author__heading span {
  color: #ed852d;
  font-size: 1.35em;
}

/* 人物とプロフィール */
#main .komuten-erabi .lp-author__body {
  display: grid;
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  align-items: end;
  gap: 8px;
  padding: 22px 14px 0 4px;
}

#main .komuten-erabi .lp-author__photo {
  position: static;
  align-self: end;
  overflow: visible;
}

#main .komuten-erabi .lp-author__photo img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-author__profile {
 position: relative;
 min-width: 0;
 padding-bottom: 14px;
}

/* 保有資格 */
#main .komuten-erabi .lp-author__qualifications {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  margin-bottom: 14px;
}

#main .komuten-erabi .lp-author__qualifications li {
  margin: 0;
  padding: 0;
  color: #354d58;
  font-size: 13px;
  line-height: 1.65;
}

/* 所属・氏名 */
#main .komuten-erabi .lp-author__company,
#main .komuten-erabi .lp-author__position {
  margin: 0;
  color: #263e49;
  font-size: 14px;
  line-height: 1.7;
}

#main .komuten-erabi .lp-author__company {
  font-weight: 700;
}

#main .komuten-erabi .lp-author__name {
  margin: 5px 0 0;
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
   padding-right: 66px;
}

/* 家づくり大好き人間 */
#main .komuten-erabi .lp-author__badge {
  position: absolute;
  right: 0;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 16px 0 0 auto;
  border-radius: 50%;
  background-color: #e73548;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transform: rotate(8deg);
}

/*------------------------------------------------------------
  著者プロフィール本文・活動紹介
------------------------------------------------------------*/

#main .komuten-erabi .lp-author__biography {
  margin-top: 28px;
}

#main .komuten-erabi .lp-author__biography p {
  margin: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.9;
}

#main .komuten-erabi .lp-author__biography p + p {
  margin-top: 1.5em;
}

/* ラジオ出演・活動紹介画像 */

#main .komuten-erabi .lp-author__activities {
  margin-top: 28px;
}

#main .komuten-erabi .lp-author__activities img {
  display: block;
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------
  書籍が選ばれている5つの理由
------------------------------------------------------------*/

#main .komuten-erabi .lp-five-reasons {
  padding: 16px 0 40px;
  background-color: #fff;
}

#main .komuten-erabi .lp-five-reasons__count {
  color: #d92324;
  font-size: 1.4em;
}

/* 理由一覧 */

#main .komuten-erabi .lp-five-reasons__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main .komuten-erabi .lp-five-reasons__item {
  margin: 0;
  padding: 28px 0;
  border-bottom: 1px dotted #999;
}

#main .komuten-erabi .lp-five-reasons__item:first-child {
  padding-top: 14px;
}

/* 各理由の見出し */

#main .komuten-erabi .lp-five-reasons__heading {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  color: #d74420;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.45;
}

/* 金色のメダルとリボン */

#main .komuten-erabi .lp-five-reasons__badge {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
  color: #633e29;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
}

/* メダル本体 */

#main .komuten-erabi .lp-five-reasons__badge::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 3px solid #edd370;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff2aa, #e5c14e);
  box-shadow: 0 1px 3px rgb(111 81 19 / 20%);
}

/* 下側の赤いリボン */

#main .komuten-erabi .lp-five-reasons__badge::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 10px;
  bottom: -12px;
  width: 36px;
  height: 25px;
  background-color: #e84b5d;
  clip-path: polygon(
    10% 0,
    90% 0,
    100% 100%,
    72% 78%,
    60% 100%,
    50% 40%,
    40% 100%,
    28% 78%,
    0 100%
  );
}

#main .komuten-erabi .lp-five-reasons__badge > span {
  display: block;
  margin-top: 2px;
}

#main .komuten-erabi .lp-five-reasons__badge b {
  font-size: 19px;
}

/* 本文 */

#main .komuten-erabi .lp-five-reasons__item .lp-text p {
  color: #333;
  font-size: 16px;
  line-height: 1.85;
}

/* 資料請求ボタン */

#main .komuten-erabi .lp-five-reasons__cta {
  margin-top: 28px;
}

#main .komuten-erabi .lp-five-reasons__cta a {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  transition: opacity 0.2s;
}

#main .komuten-erabi .lp-five-reasons__cta img {
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-five-reasons__cta a:hover {
  opacity: 0.85;
}

/*------------------------------------------------------------
  家づくりへの想い
------------------------------------------------------------*/

#main .komuten-erabi .lp-family-message {
  padding: 16px 0 32px;
  background-color: #fff;
}

#main .komuten-erabi .lp-family-message .lp-text {
  padding-top: 10px;
}

#main .komuten-erabi .lp-family-message .lp-text p {
  margin: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.9;
}

#main .komuten-erabi .lp-family-message .lp-text p + p {
  margin-top: 1.5em;
}

/*------------------------------------------------------------
  書籍プレゼントに込めた想い
------------------------------------------------------------*/

#main .komuten-erabi .lp-book-message {
  padding: 0 0 36px;
  background-color: #fff;
}

/* 見出し画像 */

#main .komuten-erabi .lp-book-message__heading {
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  background: none;
}

#main .komuten-erabi .lp-book-message__heading img {
  display: block;
  width: 100%;
  height: auto;
}

/* 集合写真 */

#main .komuten-erabi .lp-book-message__photo {
  margin: 0 0 22px;
}

#main .komuten-erabi .lp-book-message__photo img {
  display: block;
  width: 100%;
  height: auto;
}

/* 本文 */

#main .komuten-erabi .lp-book-message .lp-text p {
  margin: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.9;
}

#main .komuten-erabi .lp-book-message .lp-text p + p {
  margin-top: 1.5em;
}


/*------------------------------------------------------------
  よくある質問
------------------------------------------------------------*/

#main .komuten-erabi .lp-faq {
  padding: 0 0 32px;
  background-color: #fff;
}

#main .komuten-erabi .lp-faq__heading {
  margin: 0;
  padding: 12px 20px;
  background-color: #7c88d8;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

#main .komuten-erabi .lp-faq__list {
  margin: 0;
  padding: 0;
}

#main .komuten-erabi .lp-faq__item {
  padding: 18px 20px 22px;
  border-bottom: 2px solid #7c88d8;
}

#main .komuten-erabi .lp-faq__item dt {
  float: none;
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 1px dotted #999;
  color: #222;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.65;
}

#main .komuten-erabi .lp-faq__item dd {
  margin: 0;
  padding: 12px 0 0;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
}

#main .komuten-erabi .lp-faq__label {
  margin-right: 0.3em;
  font-weight: 700;
}

#main .komuten-erabi .lp-faq__item dd .lp-faq__label {
  color: #6473cb;
}

/* 資料請求ボタン */

#main .komuten-erabi .lp-faq__cta {
  margin-top: 26px;
}

#main .komuten-erabi .lp-faq__cta a {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  transition: opacity 0.2s;
}

#main .komuten-erabi .lp-faq__cta img {
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-faq__cta a:hover {
  opacity: 0.85;
}

/*------------------------------------------------------------
  書籍申込み前のお問い合わせ
------------------------------------------------------------*/

#main .komuten-erabi .lp-book-contact {
  padding: 0 0 40px;
  background-color: #fff;
}

#main .komuten-erabi .lp-book-contact__intro {
  margin: 0 0 20px;
  padding: 14px 12px;
  background-color: #fffde9;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}

/* 電話・メールともに左右の余白を確保 */

#main .komuten-erabi .lp-book-contact__tel a,
#main .komuten-erabi .lp-book-contact__mail a {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  transition: opacity 0.2s;
}

#main .komuten-erabi .lp-book-contact__mail {
  margin-top: 22px;
}

#main .komuten-erabi .lp-book-contact__tel img,
#main .komuten-erabi .lp-book-contact__mail img {
  display: block;
  width: 100%;
  height: auto;
}

#main .komuten-erabi .lp-book-contact__tel a:hover,
#main .komuten-erabi .lp-book-contact__mail a:hover {
  opacity: 0.85;
}

/*------------------------------------------------------------
  お客様の声
------------------------------------------------------------*/

#main .komuten-erabi .lp-owner-voices {
  padding: 16px 0 40px;
  background-color: #fff;
}

#main .komuten-erabi .lp-owner-voice {
  padding-top: 12px;
}

/* 2件目との区切り */

#main .komuten-erabi .lp-owner-voice + .lp-owner-voice {
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #e6d9cc;
}

/* 写真：トリミングせず全体を表示 */

#main .komuten-erabi .lp-owner-voice__photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

/* お名前と、本文から抜き出した見出し */

#main .komuten-erabi .lp-owner-voice__header {
  margin: 20px 0 24px;
  padding: 16px;
  border-left: 4px solid #cf8e55;
  background-color: #fcf6ee;
}

#main .komuten-erabi .lp-owner-voice__customer {
  margin: 0 0 8px;
  color: #70523b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

#main .komuten-erabi .lp-owner-voice__title {
  margin: 0;
  color: #704329;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
}

/* 感想本文：テーマ側の引用装飾を解除 */

#main .komuten-erabi .lp-owner-voice__text {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9;
}

#main .komuten-erabi .lp-owner-voice__text::before,
#main .komuten-erabi .lp-owner-voice__text::after {
  content: none;
}

#main .komuten-erabi .lp-owner-voice__text p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

#main .komuten-erabi .lp-owner-voice__text p + p {
  margin-top: 1.5em;
}

/*------------------------------------------------------------
  書籍のお申し込み
------------------------------------------------------------*/

#main .komuten-erabi .lp-request {
  padding: 16px 0 40px;
  background-color: #fff;
  scroll-margin-top: 30px;
}

#main .komuten-erabi .lp-request-guide {
  padding: 20px 16px;
  border: 1px solid #ead9ca;
  border-radius: 6px;
  background-color: #fff8ef;
}

#main .komuten-erabi .lp-request-guide h3 {
  margin: 0 0 14px;
  color: #78462b;
  font-size: 18px;
  line-height: 1.6;
}

#main .komuten-erabi .lp-request-guide ul {
  margin: 0 0 16px;
  padding-left: 1.4em;
  list-style: disc;
}

#main .komuten-erabi .lp-request-guide li {
  margin: 0 0 6px;
}

#main .komuten-erabi .lp-request-guide p {
  margin: 0;
}

#main .komuten-erabi .lp-request__area-intro {
  margin: 24px 0 12px;
}

/* 配送地域 */

#main .komuten-erabi .lp-request-area {
  margin: 0 0 24px;
  padding: 18px 16px;
  background-color: #f7f9db;
  font-size: 14px;
  line-height: 1.8;
}

#main .komuten-erabi .lp-request-area dt {
  float: none;
  margin: 0 0 4px;
  font-weight: 700;
}

#main .komuten-erabi .lp-request-area dd {
  margin: 0;
  padding: 0;
}

#main .komuten-erabi .lp-request-area dd + dt {
  margin-top: 14px;
}

#main .komuten-erabi .lp-request__instruction {
  margin: 0 0 24px;
  font-size: 14px;
}

#main .komuten-erabi .lp-request__instruction span {
  color: #c52239;
}

/* フォーム本体 */

#main .komuten-erabi .lp-request-fields {
  padding: 22px 16px;
  border: 1px solid #e1e5e8;
  border-radius: 6px;
  background-color: #f5f7f8;
}

#main .komuten-erabi .lp-request-fields__title {
  margin: 0 0 24px;
  padding-bottom: 14px;
  border-bottom: 2px solid #3284a5;
  color: #28576b;
  font-size: 18px;
  line-height: 1.6;
}

#main .komuten-erabi .lp-field {
  min-width: 0;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}

#main .komuten-erabi .lp-field:last-child {
  margin-bottom: 0;
}

#main .komuten-erabi .lp-field > label,
#main .komuten-erabi .lp-field > legend {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
}

#main .komuten-erabi .lp-field > .lp-field__sub-label {
  margin: 12px 0 6px;
  font-size: 13px;
  font-weight: 400;
}

/* 必須・任意 */

#main .komuten-erabi .lp-required,
#main .komuten-erabi .lp-optional {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.6;
  vertical-align: middle;
}

#main .komuten-erabi .lp-required {
  background-color: #bd3041;
  color: #fff;
}

#main .komuten-erabi .lp-optional {
  background-color: #e3e7ea;
  color: #505a61;
}

/* 入力欄 */

#main .komuten-erabi .lp-field input[type="text"],
#main .komuten-erabi .lp-field input[type="tel"],
#main .komuten-erabi .lp-field input[type="email"],
#main .komuten-erabi .lp-field select,
#main .komuten-erabi .lp-field textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid #bdc8ce;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: none;
}

#main .komuten-erabi .lp-field textarea {
  min-height: 180px;
  resize: vertical;
}

#main .komuten-erabi .lp-field input::placeholder,
#main .komuten-erabi .lp-field textarea::placeholder {
  color: #777;
  opacity: 1;
}

#main .komuten-erabi .lp-request__form input:focus-visible,
#main .komuten-erabi .lp-request__form select:focus-visible,
#main .komuten-erabi .lp-request__form textarea:focus-visible {
  outline: 2px solid #3284a5;
  outline-offset: 2px;
}

#main .komuten-erabi .lp-field__note {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.75;
}

/* チェック・ラジオ項目 */

#main .komuten-erabi .lp-field__choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#main .komuten-erabi .lp-field .wpcf7-list-item {
  display: block;
  margin: 0 0 8px;
}

#main .komuten-erabi .lp-field .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.7;
  cursor: pointer;
}

#main .komuten-erabi .lp-request__form input[type="checkbox"],
#main .komuten-erabi .lp-request__form input[type="radio"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: #287a9c;
}

/* 個人情報への同意 */

#main .komuten-erabi .lp-request-agreement {
  margin-top: 24px;
  font-size: 13px;
  line-height: 1.8;
}

#main .komuten-erabi .lp-request-agreement .wpcf7-list-item {
  margin: 0;
}

#main .komuten-erabi .lp-request-agreement label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

#main .komuten-erabi .lp-request-agreement a {
  color: #216988;
  text-decoration: underline;
}

/* 送信ボタン */

#main .komuten-erabi .lp-request-submit {
  margin-top: 26px;
  text-align: center;
}

#main .komuten-erabi .lp-request-submit input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 320px;
  min-height: 54px;
  margin: 0 auto;
  padding: 14px 20px;
  border: 0;
  border-radius: 5px;
  background-color: #287a9c;
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

#main .komuten-erabi .lp-request-submit input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#main .komuten-erabi .lp-request-submit input[type="submit"]:not(:disabled):hover {
  background-color: #1d607b;
}

#main .komuten-erabi .lp-request__form .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 13px;
}

/* 項目名と入力欄の間隔を詰める */
#main .komuten-erabi .lp-field > p {
  margin: 0;
}

#main .komuten-erabi .lp-field > label,
#main .komuten-erabi .lp-field > p > label,
#main .komuten-erabi .lp-field > legend {
  display: block;
  margin-bottom: 6px;
}

#main .komuten-erabi .lp-field > br,
#main .komuten-erabi .lp-field > p > br {
  display: none;
}

#main .komuten-erabi .lp-field .wpcf7-form-control-wrap {
  display: block;
  margin: 0;
}

/* きっかけ：全項目で1つ以上必須・2列表示 */

#main .komuten-erabi .lp-field__choices-required .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}

#main .komuten-erabi .lp-field__choices-required .wpcf7-list-item {
  margin: 0;
}