.treatment-s .pege-heade-inner {
    background: url('../img/treatment/treatment-header.png') center right no-repeat;
    background-size: contain;
}
.treatment-contents{
	padding: 100px 0 60px;
}
/* =========================
  見出し共通
========================= */
.treatment-contents h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px;
  padding-bottom: 10px;
  border-bottom: solid 1px #7fae8b;

}

/* =========================
  こんな方におすすめ
========================= */
.treatment-recommend {
	background: linear-gradient(135deg, #f3fce9 0%, #e4f5e9 50%, #f4fbf3 100%);
	border-radius: 18px;
	padding: 48px 40px;
	margin-bottom: 80px;
	font-weight: 600;
}
.treatment-contents .treatment-recommend h2{
	border:none;
	text-align: center;
	  font-size: 32px;
}

.treatment-recommend ul {
	display: flex;
	gap: 16px 32px;
	margin-top: 20px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 100px;
}

.treatment-recommend li {
  position: relative;
  padding-left: 32px;
  font-size: 18px;
  list-style: none;
  width: calc(100% / 2 - 20px);
  letter-spacing: 1px;
}

.treatment-recommend li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: -4px;
  color: #7fae8b;
  font-weight: bold;
  font-size: 22px;
}

/* =========================
  ヒアルロン酸とは
========================= */
.editor-content{
	
}
.treatment-about {
	font-size: 18px;
}
.treatment-about_box{
  display: flex;
  gap: 60px;
 
  margin-bottom: 80px;
}
.treatment-about__text {
  flex: 1;
}

.treatment-about__image {
  flex: 0 0 320px;
}

.treatment-about__image img {
  width: 100%;
  border-radius: 12px;
}

/* =========================
  使用薬剤・こだわり
========================= */
.treatment-medicine {
  margin-bottom: 80px;
}

.treatment-medicine p {
  margin-bottom: 16px;
  font-size: 15px;
}

/* =========================
  リスク・副作用
========================= */
.treatment-risk {
  margin-bottom: 80px;
}

.treatment-risk p {
  margin-bottom: 14px;
  font-size: 15px;
}

/* =========================
  FAQ
========================= */
.treatment-faq dl {
  margin-top: 30px;
}

.treatment-faq dt {
  font-weight: 600;
  padding: 18px 0;
  border-top: 1px solid #ddd;
}

.treatment-faq dd {
  padding-bottom: 18px;
  color: #555;
  font-size: 15px;
}

.treatment-faq dt:first-of-type {
  border-top: none;
}
/* FAQ 全体 */
.treatment-faq dl {
  margin-top: 32px;
  margin-left: 40px;
}

/* 質問（Q） */
.treatment-faq dt {
  position: relative;
  padding: 18px 16px 8px 16px;
  font-weight: 600;
  border-top: 1px solid #f0f0f0;
}

.treatment-faq dt::before {
  content: "Q.";
  position: absolute;
  left: -14px;
  top: 15px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

/* 回答（A） */
.treatment-faq dd {
  position: relative;
  padding: 0 16px 18px 16px;
  margin: 0;
  color: #1b1b1b;
  font-size: 18px;
}

.treatment-faq dd::before {
  content: "A.";
  position: absolute;
  left: -14px;
  top: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

/* 最初の質問だけ線を消す */
.treatment-faq dt:first-of-type {
  border-top: none;
}

/* =========================
  レスポンシブ
========================= */
@media (max-width: 768px) {
.treatment-s .pege-heade-inner {
    background: url('../img/treatment/treatment-header.png') center right -78px no-repeat;
    background-size: contain;
}
.treatment-contents{
	padding: 60px 16px 30px;
}
.treatment-contents .treatment-recommend h2 {
    font-size: 28px;
}
.treatment-recommend{
	padding: 20px 0;
}
.treatment-recommend ul{
	padding: 10px;
	gap:10px;
}
  .treatment-about {
    flex-direction: column;
  }
.treatment-recommend li{
	width: 100%;
}
.treatment-about_box {
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.treatment-contents .treatment-risk h2{
	font-size: 22px;
	white-space: nowrap;
}
.treatment-faq dl {
    margin-top: 0;
    margin-left: 16px;
}
  .pege-header h1 {
    font-size: 26px;
  }
}