@charset "UTF-8";
/* #PC ========================================================================================================== */
@charset "UTF-8";
textarea{
  width:95%;
  height:200px;
  font-size:14px;
}
.textform{
  width:50%;
}
.postal{
  width:30%;
}
.postal2{
  width:30%;
}
select{
  width:30%;
  font-size:100%;
  padding:5px;
  margin-bottom:8px;
}
.radio{
  width:20px;
  height:15px;
}
.checkbox{
  width:20px;
  height:15px;
}
.text_red{
  color: red;
  margin-left: 5px;
}
/* #PC ========================================================================================================== */
.textbox1 {
    height: auto;
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-bottom: 45px;
    margin-left: 100px;
    text-align: left;
}
.list {
  height: auto;
  width: 100%;
  float: left;
  margin-left: 20px;
    margin-bottom: 20px;
}
.list ul {
  padding: 0px;
  list-style-type: none;
  position : relative;
  margin: 0px;
}
.list li {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    padding: 0px;
    text-decoration: none;
    display: block;
    height: auto;
    width: 100%;
    position : relative;
    float: left;
}
.list li.hn1 {
    width: 160px;
    padding-left: 20px;
    color: brown;
    font-weight: bold;
}
.list li.hn2 {
  width: 760px;
  padding-left: 25px;
}
.list li.hn3 {
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
}
.list li.hn4 {
    width: 760px;
    padding-left: 25px;
    margin-left: 170px;
}
.list li.hn5 {
    width: 785px;
    margin-left: 170px;
    height: 1px;
    background-color: #CCCCCC;
}
.button_area {
  width: 100%;
  height: auto;
  text-align: center;
}
.button {
    width: 200px;
    color: #ffffff;
    background: #07569e;
    font-size: 16px;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 8px 0 8px 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 100px;
    font-weight: bold;
}
a.button:hover {
  background-color: #0DA3F4;
  color: #ffffff;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .list{
    width: 100%;¥
  }
  .list li.hn1,
  .list li.hn2,
  .list li.hn3,
  .list li.hn4,
  .list li.hn5,
  .button_area{
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
  }

  .textform{
    width: 80%;
  }

  .button{
    width: 40%;
    margin-bottom: 0px;
  }

}