.container {
  width: 33%;
  margin: auto;
}

@media screen and (max-width:1179px) {
  .container {
    width: 60%;
  }
}

@media screen and (max-width:750px) {
  .container {
    width: 100%;
  }
}

.notice {
  font-size: 80%;
  color: #999;
}

h1 {
  text-align: center;
}

.contract-type {
  font-size: 150%;
  font-weight: bold;
}

h2 {
  text-align: center;
}

.title-logo img {
  width: 100%;
}

.category {
  margin-top: 2em;
}

.category-title {
  font-size: 120%;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

.target-list {
  border: 2px solid #333;
  padding: 1em 2em;
  font-weight: bold;
}

/* ----------------------------------------------
  Page style
  ----------------------------------------------- */
.waiting {
  text-align: center;
}

.regist {
  text-align: center;
}

/* ----------------------------------------------
  Form table
  ----------------------------------------------- */
.repayment-form table {
  width: 100%;
}

.repayment-form table, .repayment-form tr, .repayment-form th, .repayment-form td {
  border-collapse: collapse;
  border: 1px solid #ccc;
}

.repayment-form th, .repayment-form td {
  padding: 4px;
}

.repayment-form th {
  width: 30%;
  text-align: right;
  background-color: #f9f9f9;
  font-size: 90%;
}

/* ----------------------------------------------
  Form element
  ----------------------------------------------- */
#memo {
  width: 95%;
  height: 6em;
}

.repayment-form input[type='text'],
.repayment-form input[type='password']
{
  width: 95%;
  line-height: 200%;
}

.repayment-form input.code-num {
  width: 30%;
}

.repayment-form button {
  width: 60%;
  line-height: 200%;
}

#btn-to-edit {
  width: 30%;
}

.btn-field {
  text-align: center;
  margin-top: 1em;
}

.for-debug {
  border: 2px solid red;
  width: 100%;
  padding: 1em;
  margin-top: 2em;
}