@charset "utf-8";

.feeImage img{
  max-width: 100%;
  }
.fee{
  border: 1px solid #84755A;
  border-collapse: collapse;
  font-size: .75rem;
  }
.fee caption{
  text-align: left;
  font-size: 1rem;
  font-weight: bold;
  }
.fee th{
  background: #EFE4C8;
  border: 1px solid #84755A;
  padding: .25rem;
  }
.fee td{
  border: 1px dotted #84755A;
  padding: .25rem;
  text-align: right;
  }
.fee tr:nth-child(odd) td{
  background: #F9F4E9;
  }
  @media screen and (min-width: 736px){
  .feeImage{
    display: flex;
    }
  figure.feeImage div{
    width: 48%;
    }
  figure.feeImage div img{
    width: 100%;
    height: auto;
    }
  .fee{
    box-sizing: border-box;
    font-size: 1rem;
    }
  .fee th,
  .fee td{
    padding: .25rem 1rem;
    }
  }