@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}/* 無料査定フォーム：プライバシー部分 */
.assessment-form .form-privacy {
  margin-top: 30px;
  padding: 20px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}/* 無料査定ボタン */
.assessment-form .wpcf7-submit {
  width: 100% !important;
  padding: 18px !important;
  border: none !important;
  border-radius: 6px !important;
  background-color: #b38a32 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}/* 無料査定フォーム：見出し */
.assessment-form h3 {
  margin-top: 48px !important;
  margin-bottom: 28px !important;
  padding: 14px 18px !important;
  border-left: 6px solid #17365d !important;
  background: #f6f7f9 !important;
  color: #17365d !important;
  font-size: 21px !important;
  font-weight: 700 !important;
}/* 必須・任意バッジ */
.assessment-form .required {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  background: #b42318 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.assessment-form .optional {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  background: #6b7280 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}/* 無料査定フォーム：入力欄 */
.assessment-form input[type="text"],
.assessment-form input[type="email"],
.assessment-form input[type="tel"],
.assessment-form select,
.assessment-form textarea {
  width: 100% !important;
  padding: 14px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  margin-top: 8px !important;
}/* チェック・ラジオの間隔 */
.assessment-form .wpcf7-list-item {
  margin: 8px 18px 8px 0 !important;
}

.assessment-form .wpcf7-list-item label {
  font-weight: 400 !important;
}/* 注意書き */
.assessment-form .form-note {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #555 !important;
}/* フォームの縦間隔を調整 */
.assessment-form label {
  display: block;
  margin-bottom: 18px !important;
}

.assessment-form h3 {
  margin-top: 34px !important;
  margin-bottom: 22px !important;
}/* 無料査定ページのページタイトルを非表示 */
.page-id-11 .entry-title {
  display: none !important;
}/* 固定ページの投稿者名を非表示 */
.page .author-info,
.page .post-author,
.page .footer-post-meta .author,
.page .post-meta .author {
  display: none !important;
}/* トップページ：自動表示されるページタイトルを非表示 */
.page-id-64 .entry-title {
  display: none !important;
}/* ========================================
   ホーム：ファーストビュー
======================================== */

/* メインタイトル */
.home-main-title {
  text-align: center !important;
  color: #17365d !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 35px !important;
  margin-bottom: 22px !important;
}

/* リード文 */
.home-main-lead {
  text-align: center !important;
  font-size: 17px !important;
  line-height: 2 !important;
  color: #444 !important;
  margin-bottom: 30px !important;
}

/* メインCTA */
.home-main-cta {
  text-align: center !important;
  margin: 10px auto 35px !important;
}

/* ボタン本体 */
.home-main-cta .wp-block-button__link {
  background: #b38a32 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 17px 55px !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

/* ボタンにマウスを乗せた時 */
.home-main-cta .wp-block-button__link:hover {
  opacity: 0.85 !important;
}

/* スマホ */
@media screen and (max-width: 768px) {
  .home-main-title {
    font-size: 28px !important;
  }

  .home-main-lead {
    font-size: 15px !important;
  }

  .home-main-cta .wp-block-button__link {
    width: 100% !important;
    padding: 16px 20px !important;
  }
}/* ========================================
   ホーム：目次
======================================== */

.page-id-64 .toc {
  margin: 35px auto 45px !important;
  padding: 24px 28px !important;
  border: 1px solid #d8dde5 !important;
  border-top: 4px solid #17365d !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
}

.page-id-64 .toc-title {
  color: #17365d !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: left !important;
  margin-bottom: 15px !important;
}

.page-id-64 .toc a {
  color: #333 !important;
  text-decoration: none !important;
}

.page-id-64 .toc a:hover {
  color: #b38a32 !important;
}

.page-id-64 .toc-list > li {
  margin-bottom: 8px !important;
}
/* ========================================
   ホーム：H2見出し
======================================== */

.page-id-64 .entry-content h2 {
  margin-top: 55px !important;
  margin-bottom: 28px !important;
  padding: 16px 20px !important;
  border-left: 6px solid #b38a32 !important;
  background: #17365d !important;
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

/* スマホ */
@media screen and (max-width: 768px) {
  .page-id-64 .entry-content h2 {
    font-size: 21px !important;
    padding: 14px 16px !important;
    margin-top: 40px !important;
  }
}/* ホームH2：PC表示でも確実に適用 */
body.page-id-64 .entry-content h2.wp-block-heading {
  margin-top: 55px !important;
  margin-bottom: 28px !important;
  padding: 16px 20px !important;
  background: #17365d !important;
  color: #ffffff !important;
  border: none !important;
  border-left: 6px solid #b38a32 !important;
  border-radius: 3px !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}/* ========================================
   ホーム：お悩み一覧
======================================== */

.home-problems {
  margin: 25px 0 45px !important;
  padding: 24px 28px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  line-height: 2 !important;
  font-size: 17px !important;
}

.home-problems br {
  display: block !important;
  margin-bottom: 8px !important;
}

/* スマホ */
@media screen and (max-width: 768px) {
  .home-problems {
    padding: 20px !important;
    font-size: 15px !important;
  }
}/* ========================================
   ホーム：実績
======================================== */

.home-results {
  margin: 30px 0 50px !important;
  padding: 28px !important;
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  text-align: center !important;
  font-size: 17px !important;
  line-height: 2 !important;
}

.home-results strong {
  color: #17365d !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}/* ========================================
   ホーム：大切にしていること
======================================== */

.home-strength-title {
  margin-top: 28px !important;
  margin-bottom: 10px !important;
  padding: 14px 18px !important;
  border-left: 4px solid #b38a32 !important;
  background: #f8fafc !important;
  color: #17365d !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}/* ========================================
   ホーム：売却の流れ
======================================== */

.home-step-title {
  margin-top: 28px !important;
  margin-bottom: 10px !important;
  padding: 13px 18px !important;
  background: #f8fafc !important;
  border-left: 4px solid #b38a32 !important;
  color: #17365d !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}/* ========================================
   ホーム：よくあるご質問
======================================== */

.home-faq-question {
  position: relative !important;
  margin-top: 28px !important;
  margin-bottom: 10px !important;
  padding: 16px 20px !important;
  background: #f8fafc !important;
  border-left: 4px solid #b38a32 !important;
  color: #17365d !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  border-radius: 4px !important;
}