.table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width:100%;
}

.table th {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color:#f6f6f6;

}
.table td {
	background-color:#fff;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.must {
	background-color:#F00;
	color:#FFF;
	font-weight:700;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:0 5px;
	font-size:80%;
	margin-left:5px;
	display:inline-block;
}
.no_must {
	width:2.4em;
	font-weight:700;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:3px;
	font-size:80%;
	margin-right:5px;
	display:inline-block;
}
.table_responsive_form th{
width:270px;
}
table input[type="text"]{
border:0;
max-width:100%;
padding:5px;
font-size:1.1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 2px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}

table input[type="text"]:focus {
outline: 0;
border: 2px solid #ff0000;
}
table textarea:focus {
outline: 0;
border: 2px solid #ff0000;
}
table select {
border:0;
padding:5px;
font-size:1.1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}
textarea {
border:0;
padding:5px;
font-size:1.1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}

input:focus {
    border:solid 1px #EEA34A;
}
.form_button {
border:solid 1px #ccc;
padding:15px 30px;
margin:0 10px 20px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}


.form_name {
width: 15em;
}
.form_mail {
width: 100%;
}
.form_company {
width: 25em;}
.form_fax {
width: 10em;
}
.form_tel {
width: 15em;
}
.form_postcode {
width: 8em;
}
.form_address {
width:30em;
}



.btn-flat-border {
  display: inline-block;
  padding: 0.3em 0em;
  width:180px;
  text-align:center;
  text-decoration: none;
  border: solid 2px #0f61aa;
  border-radius: 3px;
  transition: .4s;
  background: #0f61aa;
  color: white;
  font-weight:700;
}

.btn-flat-border:hover {
  color: #fff;
  background-color:#2f84cf;
  border: solid 2px #2f84cf;
  text-decoration:none;

}

.btn-flat-border2 {
  display: inline-block;
  padding: 0.3em 0em;
  width:180px;
  text-align:center;
  text-decoration: none;
  border: solid 2px #ff850d;
  border-radius: 3px;
  transition: .4s;
  background: #ff850d;
  color: white;
  font-weight:700;
}

.btn-flat-border2:hover {
  color: #fff;
  background-color:#ffb64f;
  border: solid 2px #ffb64f;
  text-decoration:none;

}

.btn-flat-border3 {
  display: inline-block;
  padding: 0.6em 0em;
  width:230px;
  text-align:center;
  text-decoration: none;
  border: solid 2px #ffffff;
  border-radius: 3px;
  transition: .4s;
  background: #ffffff;
  color: #186ace;
  font-weight:700;
  font-size:120%;
  margin-bottom:10px;
}

.btn-flat-border3:hover {
  color: #fff;
  background-color:#ff850d;
  border: solid 2px #ff850d;
  text-decoration:none;

}


.balloon_right {
  position: relative;
  display: inline-block;
  margin: 0.5em 0 0.5em 0;
  height:70px;
  padding: 7px 10px;
  width: 98%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon_right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -35px;
  border: 35px solid transparent;
  border-left: 35px solid #e0edff;
}

.balloon_right p {
	text-align:center;
}

.on .balloon_right {
	background-color:#0f61aa;
}
.on .balloon_right p{
	color:#FFF;
	font-weight:700;
}
.on .balloon_right:before{
	border-left-color:#0f61aa;
}

.balloon_last {
  margin: 0.5em 0 0.5em 0;
  height:70px;
  padding: 7px 10px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.balloon_last p {
	text-align:center;
}
.on .balloon_last p{
	color:#FFF;
	font-weight:700;
}
.on .balloon_last{
	background-color:#0f61aa;
}
/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	line-height:100%;
}
#page-top a {
	background: #186ace;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/* 各パーツ
--------------------------------------------*/
.name {
	width:150px;
}
.name_02 {
	width:300px;
}
.post_code_01 {
	width:70px;
}
.post_code_02 {
	width:100px;
}
.address {
	width:100%;
}
.tel {
	width:200px;
}
.email_address {
	width:100%;
}
.company_name {
	width:400px;
}
.position {
	width:400px;
}

/* ここまで共通CSS
--------------------------------------------*/




@media screen and (max-width: 1024px) {
.wrap {
	overflow: hidden;
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

}

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

.table_responsive_form th{
	padding-left:10px;
	padding-right:10px;
	width: 100%;
    display: block;
border-collapse: collapse;
}
.table_responsive_form td{
	padding-left:10px;
	padding-right:10px;
   display: block;
border-collapse: collapse;
}
.table_responsive_form input{
}
table input[type="radio"]{
width:auto;
}

.table_responsive_form textarea{
width:100%;
}
.waribiki {
padding-top:0px;
min-height:50px;
margin-left:10px;
}
/*
.pc {
	display:none;
}
*/

}