@charset "utf-8";



h2{
line-height: 2.6rem !important;

}
h3{
  font-weight: bold;
  text-align: left;
  line-height: 3rem;
  
  }

h4{
font-weight: bold;
text-align: left;
}

p{ text-align: left;}

.h1intro{
  text-align: center;
  background-color: rgb(255, 231, 249);
  margin-bottom: 30px;
  padding: 5px 0 2px;


}

.yaji_c{
text-align: center;
margin: 20px 0;
}


section#condition{
background-color: #fff4e4;
    padding: 40px 0;

}


.condition_cont>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
}


.condition_cont>ul {
    display: flex;
    /* 横並びにする */
    flex-wrap: wrap;
    /* 3つで折り返すようにする */
    gap: 10px;
    /* 画像間の隙間（任意） */
    padding: 0;
    /* デフォルトのulの余白を消す */
    margin: 30px 0 0;
    list-style: none;
    /* デフォルトのリストマークを消す */
}

.condition_cont>ul li {
    width: calc(33.3333% - 10px);
    /* 1行に3つ、gapを引いた幅 */
    box-sizing: border-box;
    /* paddingやborderを幅に含める */
    margin-bottom: 15px;
    /* 行間の余白を設定 */
}
    @media screen and (max-width : 767px) {
        .condition_cont>ul li {
            width: calc(50% - 10px);
        }
    }

.condition_cont>ul>li>span {
    line-height: 2.6rem;
}







section.counseling_p{
    padding: 30px 0 0;

}
.counseling_place>h3{
    position: relative;
  padding: 0.25em 0;
  margin-bottom: 1rem;
}

.counseling_place>h3:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}



.counseling_place>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
}


.counseling_place>ul {
    display: flex;
    /* 横並びにする */
    flex-wrap: wrap;
    /* 3つで折り返すようにする */
    gap: 10px;
    /* 画像間の隙間（任意） */
    padding: 0;
    /* デフォルトのulの余白を消す */
    margin: 30px 0 0;
    list-style: none;
    /* デフォルトのリストマークを消す */
}

.counseling_place>ul li {
    width: calc(33.3333% - 10px);
    /* 1行に3つ、gapを引いた幅 */
    box-sizing: border-box;
    /* paddingやborderを幅に含める */
    margin-bottom: 15px;
    /* 行間の余白を設定 */
}
    @media screen and (max-width : 767px) {
        .counseling_place>ul li {
            width: calc(50% - 10px);
        }
    }

.counseling_place>ul>li>span {
    line-height: 2.6rem;
}






.intro_words{

  text-align: center;
  margin-bottom: 30px;

}




.price-table {
  width: 100%;
  max-width: 500px;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
}

.price-table caption {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: left;
}

.price-table th,
.price-table td {
  border: 1px solid #ddd;
  padding: 12px 15px;
}

.price-table thead {
  background-color: #f5f5f5;
}

.price-table tbody th {
  text-align: left;
  background-color: #fafafa;
  font-weight: normal;
}

.price-table td {
  text-align: right;
  font-weight: bold;
}

/* ===== スマホ対応 ===== */
@media screen and (max-width: 767px) {

  .price-table thead {
    display: none;
  }


  .price-table tbody,
  .price-table tr,
  .price-table th,
  .price-table td {
    display: block;
    width: 100%;
  }

  .price-table {
    width: 100%;
    max-width: 100%;
  }



  .price-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
  }

  .price-table th {
    border: none;
    background: none;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .price-table td {
    border: none;
    text-align: left;
    text-indent: 1rem;
    padding-left: 0;
  }

  .price-table td::before {
    content: attr(data-label) "：";
    font-weight: normal;
    color: #666;
  }

  .price-table caption {
    text-align: center;
    width: 100%;
  }

}


















/* ---------------------------------
メディアクエリー
--------------------------------- */
@media screen and (max-width: 767px) {
  div.t3table {
    display: block;
  }

  div.t3table div {
    width: 100%;
  }

  .t005div {
    display: block;
    overflow-x: scroll;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
    word-break : break-all !important;
  }

 
  .t003div {
    display: block;
    overflow-x: scroll;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
  }
}