@charset "UTF-8";

.accordion {width: 100%;}

/* inputのチェックボックスを非表示 */
.clinic .accordion-hidden {
  display: none;
}
.clinic .accordion-hidden001 {
  display: none;
}

/* 見出しボタンピンク */
.clinic .accordion-open_c {
  display: block; 
  padding: 3%;
  cursor: pointer;
  margin: 3% 0 0 0;
  position: relative;
background: #ffeeee; border:1px solid #f28f8f; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; color:#f28f8f; text-align: center; font-size: clamp(0.875rem, 0.392rem + 2.41vw, 1.75rem);}

.clinic label h4{font-weight: normal;}



/* ＋アイコンピンク */
.clinic .accordion-open_c::before,
.clinic .accordion-open_c::after {
  content: '';
  width: 20px;
  height: 1.5px;
  background: #f28f8f;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.clinic .accordion-open_c::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
/* アコーディオンが開いたらーに */
.clinic .accordion-hidden:checked+.accordion-open_c:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.clinic .accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.clinic .accordion-hidden:checked+.accordion-open_c+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}

.clinic .accordion-hidden:checked+.accordion-open_c+.accordion-box_c {
  height: auto;
  opacity: 1;
}


/* 中にいろいろ入れたいとき */
.clinic .accordion-box_c {background: #fff;
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}


h3.clinic_title{font-family: 'Noto Sans JP', sans-serif; font-weight: 500; font-size: clamp(1.25rem, 0.078rem + 5vw, 3rem); color: #f28f8f; border-bottom: 1px solid #f28f8f; padding-bottom: 5px; text-align: center;}

.clinic .pinkbox{width: 100%; margin:0 auto; padding: 10px; border:1px solid #f28f8f; border-top: none;}
.clinic ul{display: flex; flex-wrap: wrap;}
.clinic ul li{padding: 20px 10px; border-bottom:1px solid #f28f8f; width: 50%; border-right:1px solid #f28f8f; width: 50%;}
.clinic ul li img{width: 100%;}
.clinic ul li:nth-child(2n){border-right: none;}
.clinic ul li.last{border-bottom: none;}
@media only screen and (min-width:740px) {

}