@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

/*===============================================
●お問い合わせボタン
===============================================*/
 #contact {
	 text-align: center;
 }

 .consul {
	background-color: #1F89E0;
	border-radius: 50px;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			   -1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #666;
 }

 .consul h {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 5px 0px #145891;
 }

 .contitle {
	color: #181919;
	font-weight: bold;
	position: relative;
	top: 10px;
 }

 .contactbtn {
	border-radius: 5px;
	background: linear-gradient(#add49e, #96c882, #8ac275, #7fbc67, #73b659, #68af4d, #60a247, #5d9a45);
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
				-1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #666;
	margin: 0 auto;
	position: relative;
	top: 15px;
 }

 .conbox h {
	/*text-align: center;*/
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow:
	0px 1px 0px #cccccc,
	0px 2px 0px #c2c2c2,
	0px 3px 0px #b8b8b8,
	/*0px 4px 0px #adadad,*/
	0px 3px 5px #555,
	/*0px 3px 0px #cccccc,*/
	0px 0px 0px #c2c2c2,
	0px 8px 7px #68af4d;
	position: relative;
 }

 .conbox .icon:before, .conbox .icon:after {
	margin: 10px;
	position: relative;
	vertical-align: middle;
 }

 .conbox .icon:before{
	font-size: 25px;
 }

 .conbox .icon {
	font-size: 13px;
	color: #fff;
	margin: 5px 0;
	padding: 0;
	position: relative;
 }

 .conbox .icon:after {
	font-size: 17px;
	color: #fff;
 }

 .conbox .icon-tel:after, .conbox .icon-fax:after {
	font-family: "メイリオ";
 }

 .conbox .icon-tel:after {
	content:"0276-74-3838";
 }

 .conbox .icon-fax:after {
	content:"0276-74-5818";
 }

 .conbox .icon-email:after {
	content:"お問い合わせ";
	font-size: 15px;
	/*font-family: "MS PMincho",serif;*/
	font-family: "メイリオ", Meiryo,"Meiryo UI";
	/*font-weight: bold;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #1C8A43;
	color: #FFFFFF;
	border-radius: 5px;
	background: linear-gradient(#33d66c, #26bb5b, #1f9a4b, #1C8A43, #197A3B, #156933);
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			   -1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #666;
	padding: 2px 16px 3px;
	position:relative;
	top: -2px;
 }

 .conbtn {
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	text-decoration: none;
 }

 .conbtn:hover {
	background-color: rgba(252, 220, 173, 0.25);
	z-index: 1;
 }



@media screen and (min-width: 781px){ 

 .consul {
	width: 580px;
	margin: 5px auto 0;
 }

 .consul h {
	font-size: 22px;
 }

 .contitle {
	font-size: 25px;
 }

 .contactbtn {
	width:295px;
 }

 .conbox {
	padding: 10px 0;
 }

 .conbox h {
	font-size: 25px;
 }

}


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

 .consul {
	margin: 5px auto 0;
 }

 .conbox {
	padding: 10px 0;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .consul {
	width: 90%;
 }

 .consul h {
	font-size: 3vw;
 }

}


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

 .consul {
	width: 100%;
 }

 .consul h {
	font-size: 3.8vw;
 }

}


@media screen and (min-width: 371px) and (max-width: 780px){

 .contitle {
	font-size: 23px;
 }

 .contactbtn {
	width: 295px;
 }

 .conbox h {
	font-size: 23px;
 }

}

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

 .contitle {
	font-size: 6.2vw;
 }

 .conbox h {
	font-size: 6.2vw;
 }

 .conbox .icon {
	font-size: 3.5vw;
 }

 .conbox .icon:before{
	font-size: 6.8vw;
 }

 .conbox .icon:after {
	font-size: 4.6vw;
 }

 .conbox .icon-email:after {
	font-size: 4vw;
	padding: 0.5% 5% 1%;
 }

}