@charset "utf-8";

.wt-wrap {
	max-width: 960px;
	margin: 0 auto;
	padding: 0px;
	line-height: 1.8;
	color: #555;
}

.wt-h1 {
	font-size: 125%;
	border-bottom: 3px solid #b48a5a;
	padding-bottom: 8px;
	text-align: center;
}
.wt-sub {
  text-align: center;
  color: #888;
  margin-bottom: 16px;
  margin-top: 24px;
  position: relative;
}

.wt-sub::before {
  content: "";
  display: block;
  width: 160px;/* ボーダーの長さ */
  height: 1px;
  background-color: #c8a77a;
  margin: 0 auto 16px;
}
.wt-h2 {
  text-align: center;             /* 中央寄せ */
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 12px;           /* 下に余白 */
  margin-bottom: 24px;
  border-bottom: 2px solid #c8b39a; /* 木目カラーのボーダー */
  line-height: 1.4;
}
.wt-wrap .wt-section p {
	margin-top: 22px;
	line-height: 1.8;
}

.wt-wrap img {
  width: 100%;
  border-radius: 6px;
}

.wt-section {
	margin-top: 80px;
}

.wt-check li {
	margin-left: 10px;
}

.wt-agebox {
  margin-top: 24px;
  padding: 16px;
  background: #fdf7f0;
  border-radius: 8px;
}
.wt-agebox h3 {
	margin-bottom: 15px;
	font-size: 106%;
}


.wt-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
}

.wt-table th,
.wt-table td {
  border: 1px solid #ddd;
  padding: 8px;
}
.wt-section .wt-table tr th {
	font-weight: bold;
}


.wt-cta {
  margin-top: 48px;
  text-align: center;
  background: #fff3e3;
  padding: 24px 40px;
  border-radius: 10px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08); /* 軽い立体感 */
}

.wt-cta h2 {
  font-size: 1.8rem;
  color: #8b5e3c; /* 木の温かみ */
  margin-bottom: 16px;
}

.wt-cta p {
  line-height: 1.6;
  color: #555;
  max-width: 600px;
  margin: 0 auto 20px auto;
}

.wt-cta-btn {
  display: inline-block;
  margin-top: 16px;
  padding: 14px 28px;
  background: #b48a5a;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  font-weight: bold;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wt-cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
  color: #fff;
}

/* ===== モバイル対応 ===== */
@media (max-width: 768px) {
  .wt-cta {
    padding: 20px 16px; /* 横余白を狭める */
    margin-top: 32px;
  }

  .wt-cta h2 {
    font-size: 1.5rem;
    margin-bottom: 12px;
  }

  .wt-cta p {
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 100%;
  }

  .wt-cta-btn {
    padding: 12px 24px;
    font-size: 0.95rem;
  }
}