@charset "utf-8";
/* CSS Document */
sup{
  font-size: 0.75em;
  display: inline-block;
  margin: 0 0.2em;
  vertical-align: top;
}
p.fsS + p.fsS{
    margin-top: 0.5em;
}
.title.lv3{
  margin: 15px 0 10px;
}
#mainBody .selectForm{
  display:flex;
  justify-content: space-between;
}
#mainBody .selectForm > div{
  width: 24%;
  margin-bottom: 16px;
}
#mainBody .selectForm.tyuuko-renovation > div{
  width: 32%;
  margin-bottom: 16px;
}
#mainBody .selectForm table{
  margin: 0;
  font-size: 0.6rem;
}
#mainBody .selectForm table th,
#mainBody .selectForm table td{
  padding: 6px;
}
.table-label{
  padding: 3px !important;
}

#mainBody .selectForm table thead th{
  vertical-align: middle;
}
#mainBody .selectForm table input[type="radio"]{
  margin: 0;
}
#mainBody .selectForm table tr:nth-child(2n) td{
  background-color: #fafafa;
}
#mainBody .selectForm table th:last-child{
  width: 5.5em;
  white-space: nowrap;
}
#mainBody .selectForm table tr td:first-child{
  width: 1em;
}
#mainBody .selectForm table tr td:last-child{
text-align: center;
}
#mainBody .shinchiku-jutaku table tr th{
  background-color: #00a4cc;
}
#mainBody .tyuuko-jutaku table tr th{
  background-color: #f28230;
}
#mainBody .tyuuko-renovation table tr th{
  background-color: #3fb156;
}
.imageView{
  margin:20px 0;
}
/* -------------------------- */
@media screen and (max-width: 640px){
.pc-only {
  display: none;
}
#mainBody .selectForm{
  flex-direction: column;
} 
#mainBody .selectForm > div,
#mainBody .selectForm.tyuuko-renovation > div{
  width: 100%;
}
#mainBody .selectForm table th,
#mainBody .selectForm table td{
  padding: 6px;
}
}
/* -------------------------- */
#mainBody .selectForm table thead button{
  display:none;
}
@media screen and (max-width: 640px) {
#mainBody .selectForm table thead button{
  display:inline-block;
  border: #fff solid 1px;
  border-radius: 4px;
  background-color: transparent;
  position: absolute;
  right: 12px;
  top: calc(50% - 12px);
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
#mainBody .selectForm table thead th{
  padding:12px;
}
#mainBody .selectForm table thead th:first-child{
  position:relative;
  text-align: left;
}

#overflowBox01,
#overflowBox02,
#overflowBox03,
#overflowBox04,
#overflowBox01-shinchiku-jutaku,
#overflowBox02-shinchiku-jutaku,
#overflowBox03-shinchiku-jutaku,
#overflowBox04-shinchiku-jutaku,
#overflowBox01-shinchiku-mansion,
#overflowBox02-shinchiku-mansion,
#overflowBox03-shinchiku-mansion,
#overflowBox04-shinchiku-mansion,
#overflowBox01-tyuuko,
#overflowBox02-tyuuko,
#overflowBox03-tyuuko,
#overflowBox04-tyuuko,
#overflowBox01-renove,
#overflowBox02-renove,
#overflowBox03-renove{
height: 42px;
overflow: hidden;
}
#overflowBox01 tbody,
#overflowBox02 tbody,
#overflowBox03 tbody,
#overflowBox04 tbody,
#overflowBox01-shinchiku-jutaku tbody,
#overflowBox02-shinchiku-jutaku tbody,
#overflowBox03-shinchiku-jutaku tbody,
#overflowBox04-shinchiku-jutaku tbody,
#overflowBox01-shinchiku-mansion tbody,
#overflowBox02-shinchiku-mansion tbody,
#overflowBox03-shinchiku-mansion tbody,
#overflowBox04-shinchiku-mansion tbody,
#overflowBox01-tyuuko tbody,
#overflowBox02-tyuuko tbody,
#overflowBox03-tyuuko tbody,
#overflowBox04-tyuuko tbody,
#overflowBox01-renove tbody,
#overflowBox02-renove tbody,
#overflowBox03-renove tbody{
opacity: 0;
max-height:0;
transition: all 0.3s 0s ease;
}
#overflowBox01.hide,
#overflowBox02.hide,
#overflowBox03.hide,
#overflowBox04.hide,
#overflowBox01-shinchiku-jutaku.hide,
#overflowBox02-shinchiku-jutaku.hide,
#overflowBox03-shinchiku-jutaku.hide,
#overflowBox04-shinchiku-jutaku.hide,
#overflowBox01-shinchiku-mansion.hide,
#overflowBox02-shinchiku-mansion.hide,
#overflowBox03-shinchiku-mansion.hide,
#overflowBox04-shinchiku-mansion.hide,
#overflowBox01-tyuuko.hide,
#overflowBox02-tyuuko.hide,
#overflowBox03-tyuuko.hide,
#overflowBox04-tyuuko.hide,
#overflowBox01-renove.hide,
#overflowBox02-renove.hide,
#overflowBox03-renove.hide{
height: auto;
overflow: visible;
}
#overflowBox01.hide tbody,
#overflowBox02.hide tbody,
#overflowBox03.hide tbody,
#overflowBox04.hide tbody,
#overflowBox01-shinchiku-jutaku.hide tbody,
#overflowBox02-shinchiku-jutaku.hide tbody,
#overflowBox03-shinchiku-jutaku.hide tbody,
#overflowBox04-shinchiku-jutaku.hide tbody,
#overflowBox01-shinchiku-mansion.hide tbody,
#overflowBox02-shinchiku-mansion.hide tbody,
#overflowBox03-shinchiku-mansion.hide tbody,
#overflowBox04-shinchiku-mansion.hide tbody,
#overflowBox01-tyuuko.hide tbody,
#overflowBox02-tyuuko.hide tbody,
#overflowBox03-tyuuko.hide tbody,
#overflowBox04-tyuuko.hide tbody,
#overflowBox01-renove.hide tbody,
#overflowBox02-renove.hide tbody,
#overflowBox03-renove.hide tbody{
opacity: 1;
max-height:auto;
}
}
/* -------------------------- */
@media screen and (max-width: 768px){
#mainBody .selectForm table thead:first-child tr:first-child th {
    border-top: none;
  }
#mainBody .selectForm table input[type="radio"] {
    margin: 0.01em 0.5em 0.01em 0.01em;
}
}

.resultBox {
    margin: 0 104px 4em 160px;
    padding: 1.25em 1.5em;
    border-style: solid;
    border-width: 4px;
}
.resultBox__head{
    margin-bottom: 0.75em;
}
.resultBox__head em{
    font-style: normal;
    font-weight: bold;
}
.resultBox__body{
/* display: flex;
   flex-wrap: wrap;
*/
}
.resultBox__body-head{
    float: left;
}
.resultBox__body-body{
    width: 5em;
    text-align: right;
    white-space: nowrap;
    margin: 0 0 0 7em;
}
.resultBox--shinchiku{
    border-color: #00a4cc;
}
.resultBox--tyuuko{
    border-color: #f28230;
}
.resultBox--renova{
    border-color: #3fb156;
}
@media screen and (max-width: 768px){
.resultBox {
    margin: 0 0 2em 0;
} 
#mainBody .menu {
  line-height: 1.8 !important;
}
}

#mainBody .inputBox{
  width: 60%;
  height: 16px;
  text-align: center;
}