@charset "utf-8";

/*----------------------------------------------------
	contact
----------------------------------------------------*/

#formArea .tC {
	text-align: center;
}

#formArea .mb5 {
	margin-bottom: 5px !important;
}

#formArea .mb15 {
	margin-bottom: 15px !important;
}

#formArea .mb30 {
	margin-bottom: 30px !important;
}

#formArea .mb50 {
	margin-bottom: 50px !important;
}

#formArea .w30 {
	width: 30%;
}

#formArea .w50 {
	width: 50%;
}

#formArea .w100 {
	width: 80%;
}

#formArea .formText {
	padding: 0;
}

#formArea sup {
	color: #f00;
}

#formArea .small {
	font-size: 10px !important;
}

#formArea .large {
	font-size: 22px !important;
	font-weight: 800;
}

#formArea ul {
	margin: 0 !important;
	padding: 0 !important;
}

#formArea ul li {
	background: none;
	margin: 0;
	padding: 0;
}

#formArea table {
	margin-bottom: 10px;
}

#formArea tr td,
#formArea tr th {
	vertical-align: middle;
}

#formArea th {
	padding: 5px 10px;
	width: 30%;
	text-align: right !important;
}

#formArea td {
	padding: 5px 10px;
}

#formArea td p {
	padding: 0;
}

#formArea input,
#formArea select,
#formArea textarea {
	margin: 0 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid #999;
}

#formArea td input:hover,
#formArea textarea:hover {
	border: 1px solid #666;
}

#formArea .buttonArea {
	display: block;
	text-align: center;
}

#formArea .buttonArea li {
	display: inline;
}

#formArea .buttonArea li .btn {
	padding: 5px 10px;
	background: #178cc2;
	font-size: 12px !important;
}

p.error {
	margin-bottom: 5px !important;
	color: #c33 !important;
	font-weight: bold;
}

/*----------------------------------------------------
	tel button
----------------------------------------------------*/


#formArea .telbutton {
	display: none;
}


@media only screen and (max-width: 599px) {
	#formArea .telbutton {
		display: block;
	}


a.btn--ble.btn--cubic {
	border-bottom: 5px solid #1c7eb2;
  }
  
  a.btn--ble.btn--cubic:hover {
	margin-top: 3px;
	border-bottom: 2px solid #1c7eb2;
	color: #FFF;
	text-decoration: underline;
	text-decoration-color: #fff;
	text-underline-offset:0.2em;
  }
  
  a.btn--radius {
	border-radius: 100vh;
  }

  .btn, a.btn, button.btn {
  font-size: 1.2rem;
  position: relative;
  display: inline-block;
  padding: 0.7rem 2rem 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  }

  .btn--ble, a.btn--ble, button.btn--ble{
	color: #fff;
	background-color: #1f98d7;
	}
}