/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 21 2020 | 01:32:03 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/****************************************
  掛金についてのテーブル
****************************************/
@media screen and (max-width: 768px) {
  .page-id-2073 table.tbl_1kuchi td{
      font-size: 80%;
  }
}

/****************************************
  早見表のテーブル
****************************************/

.page-id-2073 table.kakekin_tbl {
  height: 224px; width: auto; border-collapse: collapse; border-color: #7a7a7a; text-align: center; line-height: 1em;
  padding: 0;
  margin: 0;
  font-size:16px;
  width: 400px;
}
.page-id-2073 table.kakekin_tbl td{
  text-align: center;
  padding 0;
  margin 0;
}
.page-id-2073 table.kakekin_tbl td.title{
  background-color: #bfddf7;
  height: 20px;
  white-space: nowrap;
}

.page-id-2073 table.kakekin_tbl td span.title{
  background-color: #bfddf7;
  font-size: 20px;
  font-weight: 600;
  height: 1em;
}
.page-id-2073 table.kakekin_tbl td.item{
  font-size: 13px;
  /*height: 1em;*/
  padding: 5px;
  white-space: nowrap;
}
.page-id-2073 table.kakekin_tbl td.item.item-col1{
  background-color: none;
  width: 80px;
  text-align: left;
  vertical-align: middle;
}
.page-id-2073 table.kakekin_tbl td.item.item-col2{
  background-color: #fdeff5;
  width: 60px;
  text-align: right;
  vertical-align: middle;
}
.page-id-2073 table.kakekin_tbl td.item.item-col3{
  background-color: #eaf6fd;
  width: 60px;
  text-align: right;
  vertical-align: middle;
}
.page-id-2073 table.kakekin_tbl td.item.item-col4{
  background-color: #fffeee;
  width: 60px;
  text-align: center;
  vertical-align: middle;
}
.page-id-2073 table.kakekin_tbl td.item.item-col5{
  background-color: #f8f8f8;
  width: 60px;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
.page-id-2073 table.kakekin_tbl td span.title{
  font-size: 10px;
  margin:0;
  padding:0;
}
  .page-id-2073 table.kakekin_tbl td span.title.title-colum3{
      font-size: 14px;
      width: 20px;
  }
  .page-id-2073 table.kakekin_tbl td.item{
    font-size: 90%;
    width: 20px;
    white-space: nowrap;
  }
.page-id-2073 table.kakekin_tbl td.item.item-col4{

  width: 5%;
}

}

@media screen and (max-width: 450px) {
  
  .page-id-2073 table.kakekin_tbl{
    width: 430px;
    margin: 0 auto;
  }
  
  .page-id-2073 table.kakekin_tbl td.item.item-col2 span.title-minii{
    white-space: initial;
    /*line-height: 0.7rem;*/
    text-align: center;
  }
  
  .page-id-2073 table.kakekin_tbl td.item.item-col1,
  .page-id-2073 table.kakekin_tbl td.item.item-col2,
  .page-id-2073 table.kakekin_tbl td.item.item-col3,
  .page-id-2073 table.kakekin_tbl td.title,
  span.title-mini{
    white-space: initial;
    /*line-height: 0.7rem;*/
    text-align: center;
  }
 
  .page-id-2073 table.kakekin_tbl td.item{
    font-size: 10px;
  }
  .page-id-2073 table.kakekin_tbl td.item.item-col1{width:10%}
  .page-id-2073 table.kakekin_tbl td.item.item-col2,
  .page-id-2073 table.kakekin_tbl td.item.item-col3,
  .page-id-2073 table.kakekin_tbl td.item.item-col4,
  .page-id-2073 table.kakekin_tbl td.item.item-col5{width:3%}
}

/*③居住区分はどちらですか？のテキスト*/
.page-id-2073 .mini-txt{
	font-size: 90%; 
  	font-weight: 600; 
  	text-indent: -1em; 
  	padding-left: 1em;
}