.コンテンツ1（agencies）{
  height:300px;
  position: absolute;
  top: 10px;
   z-index: 100;
}

.コンテンツ2（agencies）{
  height:330px;
  position: absolute;
  top: 320px;
    z-index: 1;
}






/* SHOW */

.コンテンツ2-詳細（agencies）{
  height:150px;
  position: absolute;
  top: 320px;
  z-index: 1;
}

.コンテンツ3-詳細（agencies）{
  height:220px;
  position: absolute;
  top: 480px;
  overflow-x: scroll;
    z-index: 1;
}


/* SHOW */
.コンテンツ3-内部（agencies）{
  margin: 0px;
  background-color: none;
  border-radius:10px;
  padding-bottom: 100px;
  height: 200px;
    z-index: 1;
}
.コンテンツ3-内部2{
    height: 10%;
  background-color: red;
}
.index-支払い明細{
	text-align: center;
	text-decoration: none;
	width: 120px;
	padding: 5px;
	font-weight: bold;
	border: 2px solid royalblue;
  background-color: royalblue;
	color: white;
	transition: 0.5s;
  position: fixed;
  top:690px;
  z-index: 1;
}

.index-支払い明細 a:visited{
	color: white;
}
.index-支払い明細 a{
  color: white;
  text-decoration: none;
}


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




.agency-サービス-メニュー{
  height: 160px;
  width: 360px;
  overflow-y: scroll;
  border: 2px royalblue solid;
  text-align: center;
  position: absolute;
  top:30px;
  right: -300px;
}



/* スクロールバー */
/* スクロールバーの幅と高さを設定する */
.agency-サービス-メニュー::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* スクロールバーの形を設定する */
.agency-サービス-メニュー::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
}
/* スクロールバーの色を設定する */
.agency-サービス-メニュー::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: royalblue;
}



/* payment */
.コンテンツ1（agencies-payment）{
  height:150px;
  width: 300px;
  position: fixed;
  top: 10px;
    flex-direction: column;
}

.コンテンツ4（agencies-payment）{
  height:auto;
  width: 720px;
  position: absolute;
  top: 10px;
  left: 640px ;
  border-radius: 0px ;
  padding: 20px;
  font-size: 14px;
  background:white;
   box-shadow: 1px 3px 3px lightgray;
   border: 1px black solid;
}

.コンテンツ4-内部（payment）{
  margin-top: 120px;
}

.コンテンツ2（agencies-payment）{
  height:150px;
  width: 300px;
  position: fixed;
  top: 170px;
}
.コンテンツ3（agencies-payment）{
  height:430px;
  width: 300px;
  position: fixed;
  top: 335px;
}

.index-item-題名（agencies-payment）{
  width: 690px !important;
}
.index-item（agencies-payment）{
  width: 690px !important;
  height: auto;
}
.index-item（agencies-payment） p{
  font-size:10px;
}



.payment-年月選択 select{
  font-size:20px;
  position: relative;
  left:20px;
  top:75px;
}

.payment-年月選択{
  position:relative;
  top:-5px;
}
#document-title{
 outline:none;
 border-bottom:2px solid #333;
 border-top:none;
 border-right:none;
 border-left:none;
 font-size:13px;
 position:relative;
 top:82px;
}




.payment-年月選択 .payment-年月選択-submit{
  font-size:15px;
  position: relative;
  top:50px;
  left:220px;
  margin-left: -90px;
  background-color: orange;
  border:none;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  cursor: pointer;
  width:70px;
}

.payment-年月選択-submit:hover{
background-color: #333;
}

.tax_option{
  position: relative;
  top:55px;
  left: 15px;
  font-size:12px;
  margin-bottom: -110px;
}
#generate-pdf-form{
  position: relative;
  top:-13px;
}




.payment-メール送信ボタン a{
  background-color: royalblue;
  padding:10px 30px 10px 30px;
 color:white;
 position: relative;
 left:80px;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
}
.payment-メール送信ボタン a:hover{
  background-color: #333;
}


.payment-題名{
  font-size: 22px;
  position: absolute;
  left: 40%;
  top:30px;
}
.payment-支払い総額{
  font-size: 15px;
  border:1px black solid ;
  width:45%;
  text-align: center;
  padding: 10px;
  position: absolute;
  top:250px;
  left:50%;
  transform: translate(-50%, -50%);
}
.payment-パートナー{
  position: relative;
  top:50px;
  left:20px;
}
.payment-ユーザー{
  position: absolute;
  top:115px;
  right:50px;
}
.payment-発行年月日{
  position: absolute;
  top:20px;
  right:30px;
}

.payment-年月-pdf{
  position: relative;
  top:83px;
  left:35px;
  font-size: 15px;
}


.payment-address1{
  width: 300px;
  position: relative;
  top:0px;
  left:0px;
  font-size:12px;
}
.payment-address2{
  width: 250px;
  font-size:12px;
}

.payment-invoice{
  font-size:12px;
}
.payment-ダウンロード結果{
  position: relative;
  top:60px;
  padding-left: 30px;
  font-size: 18px;
}
.payment-ダウンロードボタン{
  background-color: royalblue;
  padding:10px 30px 10px 30px;
 color:white;
 position: relative;
 top:65px;
 left:10px;
 height: 25px;
 box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
 border-radius: 5px;
}
.payment-ダウンロードボタン:hover{
    background-color: #333;
}


.payment-pdf-メール{
  position: relative;
  top:50px;
  padding-left: 15px;
  font-size:14px;
}
.form-input-pdfmail{
  margin-bottom: -40px;
}

.form-input-pdfmail-項目{
  position: relative;
  left:50px;
  top:-40px;
}
.form-input-pdfmail-内容{
  border: 1px black solid;
  width:170px;
  padding: 5px;
}

.form-input-pdfmail-内容2{
  border: 1px black solid;
  width:170px;
  height: 130px;
  padding: 5px;
  overflow:scroll;
}
.form-input-pdfmail-内容2::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* スクロールバーの形を設定する */
.form-input-pdfmail-内容2::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
/* スクロールバーの色を設定する */
.form-input-pdfmail-内容2::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: royalblue;
}

.form-input-pdfmail-編集{
  position: absolute;
  left:190px;
  top:-8px;
}

.payment-date{
  width:90px;
}
.payment-name{
  width:140px;
}
.payment-service{
  width:130px;
}
.payment-￥{
  width:70px;
}


.payment-税内訳-container{
display: flex;
}
.payment-税内訳1{
  position: relative;
  left:580px;
  font-size:10px;
  line-height: 11px;
}
.payment-税内訳2{
  position: relative;
  left:340px;
  top:120px;
  border: 1px gray solid;
  width: 200px;
  padding: 5px 5px 5px 15px;
  font-size:9px;
  line-height: 9px;
}

.payment-振込先{
  position: relative;
  top:-32px;
  left:5px;
  border: 1px gray solid;
  width: 400px;
  padding: 15px 10px 15px 30px;
  font-size:11px;
  height: 100px;
}

.payment-振込先 p{
  width: 200px;
}


.口座番号口座名義{
  position: relative;
  top:-82px;
  left:200px;
}