


.form-output-percent output{
  width: 50px;
}

.search-container input::placeholder {
 font-size: 10px;
}


.form-heading（fees） p{
  position: relative;
  left: -220%;
  color:#333;
  font-size: 20px;
  text-align: left;
}

.form（fees）{
  margin-top: 0px;
}
.コンテンツ1（fees）{
  height:350px;
  position: absolute;
  top: 10px;
}
.form-container（fees）{
  position: relative;
  top:-10px;
}
.form-container（fees）｜編集{
  position: relative;
  top:25px;
}

.コンテンツ2（fees）{
  height:280px;
  position: absolute;
  top: 370px;
  overflow-x: scroll;
}


.コンテンツ2-内部（fees）{
  height: 230px !important;
    overflow-y: scroll;
}


.index-item（fees）{
  width:4300px;
}
.index-item-題名（fees）{
  width:4300px;
}


.index-item（fees） p{
display: inline-block;
margin:0 0 -10% 0;
font-size: 13px;
}

.form-input-submit（fees）{
  position: absolute;
  top: 1% !important;
  left: 100%;

}
.スクロール→{
  position: fixed;
  top: 10px ;
  left: 10px;
}


.form-input-lot input{
  width: 60px;
  margin: 10px;
  margin-left: 21% !important;
  margin-right: 150% !important;
}

#menuPercentCheckbox {
  /* チェックボックスの幅と高さを設定します */
  width: 20px; /* 幅を変更 */
  height: 20px; /* 高さを変更 */
  /* その他のスタイルを追加できます（例: 背景色、ボーダー、余白など） */
  position:relative;
  left:0px;
  top:5px;
}
.feecheckbox{
  position:relative;
  left:-55px;
  top:5px;
}


.agency-サービス-メニュー-fees{
  display: flex;
  flex-direction: column; /* 縦に並べる */
  height: 170px;
  width: 250px;
  overflow-x: auto;
  overflow-y: scroll;
  border: 1px lightgray solid;
  position: absolute;
  top:90px;
}
.agency-サービス-メニュー-content-fees{
  position: absolute;
  left:5px;
}

.service-menu-group {
  display: flex;
  flex-direction: row; /* 横に並べる */
  padding-right: 110px;
}
.service-menu-group p{
  font-size:10px;
}

.form-output-agency-サービス-メニュー-fees{
  width: 120px;
  font-size:15px;
}





/* contenteditable =trueにする｜パーセント */
.contenteditable-editable{
  background-color: white; /* contenteditable が有効なときの背景色 */
  border: 1px black solid;
  width: 40px !important;
  padding: 5px;
  border-radius: 10px;
  position: relative;
  right: 15px!important;
  top:-3px;
}



.form-input-percent {
  font-size: 10px
}

.form-input-percent label{
  position: relative;
  right: 130px;
  top:30px;
}





#start-date,
#end-date {
  width: 100px;   /* ← 好きな幅に調整 */
}
