.pdng-test01{
  padding-top: 20px;
}

/* =================================================== */

/* ============================= */
/*   kids-gishi0 共通                  */
/* ============================= */

.kids-gishi01,
.kids-gishi03 {
  padding: 80px 0;
}

.kids-gishi01 .pic,
.kids-gishi03 .pic {
  margin-bottom: 30px;
}

@media (max-width: 599px) {
  .kids-gishi01,
  .kids-gishi03 {
    padding: 60px 0;
  }
}

/* ============================= */
/*   kids-gishi03 見出し               */
/* ============================= */

.kids-gishi03 .heading1 {
  margin-bottom: 40px;
}

@media (max-width: 1024px) {
  .kids-gishi03 h3 {
    margin-bottom: 50px;
  }
}

@media (max-width: 599px) {
  .kids-gishi03 h3 {
    margin-bottom: 30px;
  }
}

/* ============================= */
/*   症例タブ 6件 3×2表示        */
/* ============================= */

.case-tab {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ラジオボタン非表示 */
.case-tab input {
  display: none;
}

/* タブボタン（3列×2行） */
.case-tab label {
  width: calc(33.333% - 7px);
  padding: 14px 10px;
  text-align: center;
  background: #a68b62;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  opacity: .6;
  transition: .3s;
  font-weight: 600;
}

/* ホバー */
.case-tab label:hover {
  opacity: .85;
}

/* 選択中タブ */
#tab1:checked + label,
#tab2:checked + label,
#tab3:checked + label,
#tab4:checked + label,
#tab5:checked + label,
#tab6:checked + label {
  opacity: 1;
  background: #a68b62;
}

/* ============================= */
/*   タブコンテンツ              */
/* ============================= */

.tab-content {
  display: none;
  width: 100%;
  margin-top: 40px;
}

/* ▼ kids-gishi専用 */
#kids-gishi01:checked ~ #kids-gishi01-content,
#kids-gishi02:checked ~ #kids-gishi02-content,
#kids-gishi03:checked ~ #kids-gishi03-content,
#kids-gishi04:checked ~ #kids-gishi04-content,
#kids-gishi05:checked ~ #kids-gishi05-content,
#kids-gishi06:checked ~ #kids-gishi06-content {
  display: block;
}


/* ============================= */
/*   スマホ対応（1列表示）       */
/* ============================= */

@media (max-width: 599px) {

  .case-tab label {
    width: 100%;
  }

  .tab-content {
    margin-top: 25px;
  }

}

.back_gradation_pink01{
 width: 100%;
}