@charset "UTF-8";

#toiawase .lead {
  text-align: center;
  font-size: 123%;
}
.toiawase_tbl {
  width: 90%;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  margin: 0 auto 2em;
}
.toiawase_tbl th {
  background: #e2f3fc;
  text-align: left;
  font-size: 116%;
  line-height: 1.4;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  box-sizing: border-box;
  width: 15em;
}
.toiawase_tbl td {
  text-align: left;
  font-size: 116%;
  line-height: 1.4;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  box-sizing: border-box;
}
.toiawase_tbl #name {
  width: 100%;
  box-sizing: border-box;
}
.toiawase_tbl #email {
  width: 100%;
  box-sizing: border-box;
}
.toiawase_tbl #naiyou {
  width: 100%;
  height: 10em;
  box-sizing: border-box;
}
.toiawase_btn {
  text-align: center;
}
#form .sb {
  background: rgb(29, 32, 136);
  color: #ffffff;
  border: 0 none;
  font-size: 123%;
  font-weight: bold;
  padding: 0.7em 2em;
  display: inline-block;
  margin-right: 10px;
}
#form .cl {
  background: #9fa0a0;
  color: #ffffff;
  border: 0 none;
  font-size: 123%;
  padding: 0.7em 2em;
  display: inline-block;
}
#form .sb:hover {
  cursor: pointer;
  background: rgb(29, 32, 136, 0.5);
}
#form .cl:hover {
  cursor: pointer;
  background: rgb(160, 160, 160, 0.5);
}
.must { color: #cc0000; }

#main_inner .bottom_logo {
  text-align: center;
  background: url(images/toiawase_pic01_left.png) no-repeat 0 0;
  width: 100%;
  max-width: 634px;
  margin: 0 auto 0;
}
.bottom_logo span {
  display: block;
  background: url(images/toiawase_pic01_right.png) no-repeat 100% 0;
}
.bottom_logo span img {}
#main_inner .bottom_title {
  background: #006cb7;
  color: #ffffff;
  font-size: 140%;
  width: 7em;
  padding: 0.4em 6em;
  margin: 0 auto 1em;
}
#main_inner .bottom_tel {
  color: #006cb7;
  font-weight: bold;
  font-size: 200%;
  text-align: center;
  margin-bottom: 0.2em;
}
#main_inner .bottom_tel a {
  color: #006cb7;
  text-decoration: none;
}
#main_inner .bottom_jikan {
  text-align: center;
  font-size: 123%;
}



@media only screen and (max-width: 896px) {

  .sidemenu { display: none; }

  #toiawase .lead {
    text-align: left;
    font-size: 150%;
  }
  .toiawase_tbl {
    width: 100%;
  }
  .toiawase_tbl th {
    font-size: 145%;
    width: 11em;
  }
  .toiawase_tbl td {
    font-size: 145%;
  }
  #form .sb {
    font-size: 100%;
    padding: 0.7em 1.5em;
  }
  #form .cl {
    font-size: 100%;
    padding: 0.7em 1.5em;
  }

  #main_inner .bottom_title {
    font-size: 150%;
    width: 7em;
    padding: 0.4em 6em;
  }
  #main_inner .bottom_tel {
    font-size: 200%;
  }
  #main_inner .bottom_jikan {
    font-size: 150%;
    margin-bottom: 3em;
  }



}

@media only screen and (max-width: 480px) {


}

@media only screen and (max-width: 414px) {

  #toiawase .lead {
    font-size: 123%;
  }
  .toiawase_tbl th {
    font-size: 123%;
    width: auto;
  }
  .toiawase_tbl td {
    font-size: 123%;
  }
  #form .sb {
    padding: 0.7em 1em;
  }
  #form .cl {
    padding: 0.7em 1em;
  }

  #main_inner .bottom_title {
    font-size: 132%;
    width: 7em;
    padding: 0.4em 6em;
  }
  #main_inner .bottom_tel {
    font-size: 150%;
  }
  #main_inner .bottom_jikan {
    font-size: 123%;
  }

}

@media only screen and (max-width: 320px) {

  #toiawase .lead {
    font-size: 116%;
  }
  .toiawase_tbl th {
    font-size: 116%;
  }
  .toiawase_tbl td {
    font-size: 116%;
  }

  #main_inner .bottom_title {
    font-size: 123%;
    width: 7em;
    padding: 0.4em 6em;
  }
  #main_inner .bottom_tel {
    font-size: 150%;
  }
  #main_inner .bottom_jikan {
    font-size: 116%;
  }

}