.elementor-30 .elementor-element.elementor-element-865a5ea{--display:flex;--min-height:308px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-30 .elementor-element.elementor-element-865a5ea:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-865a5ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://niwasuke-zouen.jp/wp-content/uploads/2025/11/p_obi.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-bbda0b9{text-align:center;}.elementor-30 .elementor-element.elementor-element-bbda0b9 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:38px;font-weight:600;color:var( --e-global-color-accent );}.elementor-30 .elementor-element.elementor-element-ea03db8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:90px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-ea03db8:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-ea03db8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-60b6630 );}.elementor-30 .elementor-element.elementor-element-78180e9{text-align:center;}.elementor-30 .elementor-element.elementor-element-78180e9 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:26px;font-weight:600;line-height:40px;color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-865a5ea{--min-height:150px;}.elementor-30 .elementor-element.elementor-element-bbda0b9 .elementor-heading-title{font-size:22px;}.elementor-30 .elementor-element.elementor-element-ea03db8{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:55px;--padding-left:20px;--padding-right:20px;}.elementor-30 .elementor-element.elementor-element-78180e9 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-79bc5a1 *//* FAQ 全体 */
.niwa-faq-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 40px 0;
}

/* 各FAQの枠 */
.niwa-faq-item {
  display: flex;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 20px;
  padding: 32px;
  gap: 24px;
  position: relative;
}

/* 左のQ丸 */
.niwa-faq-num {
  background: #296326;
  color: #fff;
  width: 66px; 
  height: 66px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-family: "Noto Sans JP"
}

/* タイトル */
.niwa-faq-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 8px 0;
  color: #333;
}

/* テキスト */
.niwa-faq-text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 0;
}

/* 背景の薄いベージュライン（上下） */
.niwa-faq-item::before,
.niwa-faq-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  background: #EAE6D8;
  z-index: -1;
}

.niwa-faq-item::before {
  top: -12px;
}

.niwa-faq-item::after {
  bottom: -12px;
}

/* FAQ 下のボタン配置 */
.niwa-faq-button-wrap {
  margin-top: 22px;
}

/* 親ボタン */
.niwa-faq-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
  transition: opacity .2s;
}

.niwa-faq-btn:hover {
  opacity: .7;
}

/* 右の丸アイコン */
.niwa-faq-btn-icon {
  background: #296326;   /* 緑丸 */
  width: 33px;
  height: 33px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.niwa-faq-btn-icon svg {
  display: block;
}

/* ボタンを右下に配置 */
.niwa-faq-button-wrap {
  margin-top: 24px;
  text-align: right;   /* 右寄せ */
}



/* -------------------------
  スマホ用レイアウト調整
-------------------------- */
@media (max-width: 768px) {

  /* FAQ全体の余白を少し詰める */
  .niwa-faq-list {
    gap: 16px;
    margin: 24px 0;
  }

  /* 枠レイアウト：縦並び＋パディング調整 */
  .niwa-faq-item {
    flex-direction: column;
    padding: 20px 16px;
    gap: 16px;
  }

  /* Q丸を少し小さく */
  .niwa-faq-num {
    width: 54px;
    height: 54px;
    font-size: 18px;
  }

  /* タイトルを少し小さく・行間詰める */
  .niwa-faq-title {
    font-size: 20px;
    margin-bottom: 4px;
  }

  /* テキストも読みやすいサイズに */
  .niwa-faq-text {
    font-size: 16px;
    line-height: 1.7;
  }

  /* 背景ベージュラインは少し細く */
  .niwa-faq-item::before,
  .niwa-faq-item::after {
    height: 8px;
  }

  .niwa-faq-item::before {
    top: -8px;
  }

  .niwa-faq-item::after {
    bottom: -8px;
  }

  /* 下のボタン周り：左右余白と幅調整 */
  .niwa-faq-button-wrap {
    margin-top: 16px;
    text-align: right;
  }

  .niwa-faq-btn {
    font-size: 16px;
    gap: 8px;
    padding-bottom: 3px;
  }

  .niwa-faq-btn-icon {
    width: 28px;
    height: 28px;
  }
}/* End custom CSS */