@charset "UTF-8";
/* CSS Document */
.title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59bca4+0,408dcc+100 */
	background: #59bca4; /* Old browsers */
	background: -moz-linear-gradient(left, #59bca4 0%, #408dcc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #59bca4 0%,#408dcc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #59bca4 0%,#408dcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bca4', endColorstr='#408dcc',GradientType=1 ); /* IE6-9 */
	margin-top: -20px;
	margin-bottom: 40px;
}.title .breadcrumb {
	text-align: left;
	font-size: 125%;
}
.title .breadcrumb li a  {
	color: #FFFFFF;
}
.title .breadcrumb a:hover  {
	opacity: 0.7;
	text-decoration: none;
}
.title .breadcrumb .active {
	color: #1D1D1D;
}
.title h3  {
	color: #FFFFFF;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}
.read  {
	line-height: 150%;
	font-size: 120%;
}
.phone {
	width: 70%;
	border: 1px solid #595857;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 50px;
	margin-bottom: 100px;
}
.phone h4   {
	text-align: left;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	color: #1885A0;
	font-size: 160%;
}
.phone .row  {
	background-color: #FFFCD8;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
.phone .col-sm-6  {
	font-size: 250%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.phone .col-sm-6.tel  {
	text-align: right;
}
.phone .tel a {
	color: #333;
	text-decoration: none;
}
.phone .tel a:hover {
	opacity: 0.7;
}
.phone .col-sm-6.fax {
	text-align: left;
}
.phone .time   {
	font-size: 130%;
	padding-bottom: 10px;
}
.phone .holiday  {
	margin-top: 10px;
	font-size: 110%;
	text-align: left;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
.mail {
	width: 70%;
	border: 1px solid #595857;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 50px;
	margin-bottom: 100px;
}
.mail h4  {
	text-align: left;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	color: #1885A0;
	font-size: 160%;
}
.mail ul  {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 20px;
}
.mail ul .midashi {
	font-size: 160%;
	margin-bottom: 10px;
}
.mail ul .info {
	font-size: 110%;
}
.mail ul .caution  {
	margin-top: 20px;
	color: #E60012;
}
.mail form {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
.mail .col-sm-3  {
	font-size: 110%;
	text-align: left;
	border-top: 1px solid #818181;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 220%;
}
.mail  .col-sm-9  {
	font-size: 115%;
	text-align: left;
	border-top: 1px solid #818181;
	padding-bottom: 15px;
	padding-top: 17px;
	line-height: 220%;
	vertical-align: baseline;
}
.mail .col-sm-3 em {
	color: #E60012;
	vertical-align: 0px;
}
.mail .col-sm-9 .check input {
	/* [disabled]width: 0px; */
}
.row .col-sm-9.text input {
	width: 90%;
	border: none;
	background-color: #EFEFEF;
}
.row .col-sm-9 textarea {
	width: 90%;
	border: none;
	background-color: #EFEFEF;
}
#form .row  {
	border-bottom: 1px solid #818181;
}
.row .col-sm-12  {
	text-align: left;
	margin-top: 0px;
}
.row .col-sm-12 a {
	color: #E60012;
}
.btn    {
	width: 100%;
	margin-top: 30px;
}
.btn input {
	background-color: #604C3F;
	border: none;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-size: 110%;
	border-radius: 4px;
	width: 56%;
	text-align: center;
}

@media (min-width:768px) and (max-width:991px){
.phone {
	width: 90%;
}
.mail {
	width: 90%;
}
}

@media (max-width: 767px){
.title {
	margin-top: 0px;
}
.phone {
	width: 90%;
}
.phone .col-sm-6.tel {
	text-align: center;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 220%;
}
.phone .col-sm-6.fax {
	text-align: center;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 220%;
}
.mail {
	width: 90%;
}
.mail ul .midashi  {
	font-size: 120%;
}
#form   {
	width: 100%;
}
.mail .col-sm-3  {
	padding-bottom: 0px;
}
.mail .col-sm-9 {
	border-top-style: none;
	padding-top: 3px;
}
.row .col-sm-9.text input {
	width: 100%;
}
.row .col-sm-9.message textarea {
	width: 100%;
}
.btn .col-sm-6 input  {
	margin-bottom: 15px;
	width: 90%;
	padding-left: 0px;
	padding-right: 0px;
}
}