@charset "UTF-8";

main.gakuhi-simulation {
  width: 780px;
  margin: 30px auto;
}

div.shiharaihouhou {
  margin-bottom: 30px;
}

div.shiharaihouhou label {
  display: block;
  height: 45px;
  padding-left: 100px;
  font-size: 1.4em;
}

div.shiharaihouhou input {
  display: inline-block;
}

div.gakuhi-simulation-h1 {
  color: #707070;
  font-size: 2em;
  font-weight: 800;
  text-align: center;
}

h2.gakuhi-simulation-h2 {
  padding: 10px 20px 5px;
  color: #4EBD8A;
  font-size: 1.6em;
  font-weight: bold;
  border: 3px solid #4EBD8A;
  border-radius: 7px;
}

div.tekiyougaku {
  margin-top: 15px;
}

div.tekiyougaku label {
  padding-left: 100px;
  font-size: 1.4em;
}

.no-spin {
  border-radius: 7px;
  font-size: 1.4em;
  width: 120px;
  text-align: right;
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

div.price-simulation-result {
  border: 3px solid #4EBD8A;
  border-radius: 7px;
  text-align: center;
  padding: 20px;
}

table, td, th {
  border-bottom: 2px solid #D2EEE2;
}

tr td {
  width: calc(780px * 0.2);
  text-align: center;
  font-size: 1.2em;
  padding-top: 5px;
  padding-bottom: 5px;
}

tr th {
  width: calc(780px * 0.2);
  text-align: center;
  font-size: 1.2em;
  padding-bottom: 6px;
  font-weight: bold;
}

.price-simulation-payment {
  width: calc(780px * 0.4);
  text-align: center;
  font-size: 2em;
  color: #4EBD8A;
}

.price-simulation-result {
  font-weight: bold;
}

@media screen and (max-width:700px) {
  main.gakuhi-simulation {
  width: 360px;
  }

  tr td {
    width: calc(360px * 0.2);
    text-align: center;
    font-size: 0.6em;
  }

  tr th {
    width: calc(360px * 0.2);
    text-align: center;
    font-size: 0.7em;
    padding-bottom: 6px;
  }

  .price-simulation-payment {
    width: calc(360px * 0.4);
  font-size: 1.2em;
  }


  div.shiharaihouhou label {
    padding-left: 20px;
    font-size: 1.1em;
  }


  div.tekiyougaku label {
    padding-left: 20px;
    font-size: 1.1em;
  }
}