body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#666666;
	-webkit-text-size-adjust: 100%;
}

html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
a:focus {
	outline:none;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal; 
    font-weight: normal;
}
	
img a{
	border-style:none;
	}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	
.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 55px;
}
.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
 background-color: #333;
 text-align: center;
 color: #fff;
 font-size: 24px;
 text-decoration: none;
 line-height: 50px;
}

.viewPc{
	display: block;
}
.viewSp{
	display: none;
}
.brPc{
	display: inline;
}.brSp{
	display: none;
}

	@media screen and (max-width:768px) {
	img{
		max-width: 100%;
	}
	.viewPc{
		display: none;
	}
	.viewSp{
		display: block;
	}
	.brPc{
		display: none;
	}
	.brSp{
		display: inline;
	}
}

body{
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(../images/bg.png) center repeat-y;
}

header{
	margin:20px auto 20px auto;
	padding:0;
	width:920px;
	}

.logo{
	float: left;
	width: 630px;
}

.header_right{
	float: right;
}
	
header p{
	float: right;
	width: 450px;
	margin:0 auto;
	padding:9px 0 0 0px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	}
	.sp-menu{
		display: none;
	}

@media screen and (max-width:768px) {
	header{
		position: fixed;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		background: url(../images/bg.png) center top repeat-y;
		padding: 10px;
		margin: 0;
		z-index: 11;
	}
	header p{
		display: none;
		float: none;
		width: calc(100% - 60px);
		font-size: 10px;
		padding-top: 0;
		padding-bottom: 1em;
		margin-left: 0;
		margin-right: auto;
	}
	.logo{
		width: 100%;
		/* height: 50px; */
		float: none;
		/* text-align: center; */
	}
	.header_right{
		display: none;
	}

	/* menu */
	.sp-menu{
		display: block;
		position: fixed;
		top: 7px;
		right: 7px;
		background-color: #153B4B;
		border: 1px solid #fff;
		z-index: 100;
	}
	.sp-menu input {
  display: none;
	}
	label {
		position: relative;
		width: 40px;
		height: 30px;
		display: inline-block;
		cursor: pointer;
		transition: all .5s;
		text-align: left;
	}

	label span,
	label span:before,
	label span:after {
		background: #fff;
		position: absolute;
		height: 3px;
		width: 33px;
		left: 3px;
		border-radius: 4px;
		transition: all .5s;
	}
	
  label span:first-child {
    top: 7px;
  }
  label span:nth-child(2) {
    top: 17px;
  }
  label span:nth-child(3) {
    top: 27px;
    
  }
	label span {
    transition: all .3s;
  }
	
  #menu:checked + label span:first-child {
    top: 25%;
    left: 3%;
    width: 0;
    transform: rotate(45deg);
  }
  #menu:checked + label span:nth-child(2) {
    transform: rotate(-45deg);
    width: 90%;
    top: 50%;
	}
  #menu:checked + label span:nth-child(3) {
    width: 90%;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
  }

}

	.main{
	position: relative;
	margin: -9px auto;
	padding: 0;
	width: 100%;
	height: 840px;
	background: url(../images/main_4.png) no-repeat center;
}

.main2{
	position: relative;
	margin: -7px auto;
	padding: 0;
	width: 960px;
	height: 840px;
	background: url(../images/main_5.png) no-repeat center;
}

.btn_link{
	position: absolute;
	right: 0;
	bottom: 10px;
}

.btn_link img{
	width:90%;
}

@media screen and (max-width:768px) {
	.main{
		background: none;
		height: auto;
		margin: 50px auto 0;
	}
	.main2{
		background: none;
		width: 100%;
		height: auto;
		background-size: 100%;
		margin: 0 auto;
	}
	.main2 img{
		width: 100%;
		max-width: 100%;
	}
	.btn_link{
		position: relative;
		text-align: center;
		right: unset;
		width: 100%;
		margin-top: 30px;
	}
	.btn_link_sp img{
		width: auto;
		max-width: 75%;
		padding-bottom: 0 !important;
	}
}
	
#obi{
	clear:both;
	margin:15px 0 0 0;
	padding:0;
	width:100%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}
	
#obi ul.btn{
	margin:0px auto 0 auto;
	padding:0;
	width:940px;
	list-style-type:none;
	}
	
#obi ul li{
	float:left;
	margin:0;
	padding:20px 0;
	width:460px;
	text-align:left;
	border-right: 1px solid #ffffff;
	}

#obi ul li:last-child{
	text-align: right;;
	border-right: none;
}
	
nav{
	clear:both;
	margin:0 auto;
	padding:0;
	width:100%;
	height:76px;
	background:url(../images/nav-bg.png) center repeat-x;
	}
	
nav ul{
	margin:0 auto 0 auto;
	padding:0;
	width:920px;
	list-style-type:none;
	}
	
nav ul li{
	float:left;
	margin:0 auto;
	padding:16px 0 0 0;
	width:152px;
	height:50px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
	line-height:1.4em;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
	border-left:1px solid #FFFFFF;
	}
	
nav ul li.last{
	float:left;
	margin:0 auto;
	padding:16px 0 0 0;
	width:151px;
	height:50px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
	line-height:1.4em;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	}
nav ul li.mainsite{
	display: none;
}
	
nav ul li a{
	width:178px;
	height:85px;
	text-decoration:none;
	color:#FFFFFF;
	}
	
nav ul li a:hover{
	color:#FF0;
	}

@media screen and (max-width:768px) {
	nav{
		position: fixed;
		top: -100%;
		left: 0;
		height: auto;
		background: none;
		background-repeat: repeat;
		z-index: 10;
	}
	nav ul{
		width: 100%;
	}
	nav ul li{
		display: block;
		float: none;
		width: 100%;
		/* background-image: url(../images/nav-bg.png); */
		background-color: #113341;
	}
	nav ul li:first-child{
		padding-top: 50px;
		background-size: cover;
	}
	nav ul li span{
		display: none;
	}
	nav ul li.last{
		float: none;
		display: block;
		width: 100%;
	}
	nav ul li.mainsite{
		display: block;
	}
}

	#contact-btn{
	clear:both;
	overflow:hidden;
	margin:20px 0 20px 0;
	padding:0;
	width:100%;
	}
	
#contact-btn ul.btn{
	margin:0px auto 0 auto;
	padding:0;
	width:920px;
	list-style-type:none;
	}
	
#contact-btn ul li{
	float:left;
	margin:10px 0px 0 0;
	padding:0;
	width:460px;
	text-align:left;
	}
	
#title h1{
	clear:both;
	margin:40px auto 20px auto;
	padding:0;
	font-size:44px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
	}
	
#container{
	clear:both;
	margin:0 auto 0 auto;
	padding:40px 0 20px 0;
	width:920px;
	overflow:hidden;
	background:#FFFFFF;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
	}
	
/*-- 選ばれる理由 --*/
	
#what-pic{
	clear:both;
	margin:0px auto 0px auto;
	padding:0;
	width:812px;
	text-align:center;
	}
	
#what-pic h2{
	margin:0 auto;
	padding:30px 0 40px 0;
	text-align:center;
	font-size:48px;
	font-weight:normal;
	}

#what-pic h3.under{
	margin:0 auto;
	padding:30px 0 40px 0;
	text-align:center;
	font-size:48px;
	font-weight:normal;
	border-bottom:1px solid #999999;
	}

#what-pic h3.top{
	clear: both;
	margin:60px auto 10px;
	padding:50px 0 20px 0;
	text-align:center;
	font-size:48px;
	font-weight:normal;
	border-top:1px solid #999999;
	}

#what-pic p{
	clear:both;
	margin:0 auto;
	padding:40px 0 50px 0;
	text-align:center;
	font-size:54px;
	line-height:1.4em;
	color:#fbbc2d;
	}
	
#what-pic p.md{
	clear:both;
	margin:0 auto;
	padding:40px 0 50px 0;
	text-align:center;
	font-size:21px;
	line-height:2.5em;
	font-weight:bold;
	}
	
#what-left{
	float:left;
	margin:0 0 0px 60px;
	padding:0;
	width:310px;
	}
	
#what-right{
	float:right;
	margin:0 40px 0 0;
	padding:0;
	width:310px;
	}
	
#what-left h3,#what-right h3{
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:left;
	font-size:22px;
	color:#036eb8;
	}
	
#what-left p,#what-right p{
	clear:both;
	margin:20px auto 20px;
	padding:0;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	color: black;
	}

@media screen and (max-width:768px) {
	#title h1{
		width: 75%;
		margin-top: 20px;
	}
	#container{
		box-sizing: border-box;
		width: 90%;
		padding: 0 10px;
	}
	#what-pic{
		width: 100%;
	}
	#what-pic h2{
		font-size: 23px;
		padding-bottom: 0;
	}
	#what-pic h3.under{
		font-size: 23px;
		padding-top: 0;
	}
	#what-pic p{
		font-size: 23px;
		margin: 0;
	}
	#what-pic h3.top{
		font-size: 26px;
		padding: 30px 0 0 0;
		margin: 30px auto;
	}
	#what-left,
	#what-right{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#what-left img,
	#what-right img{
		margin-top: 0 !important;
	}
	#what-pic p{
		padding: 30px 0;
	}
}

/*-- 3つの安心 --*/

#Mind h3{
	margin:0 auto;
	padding:20px 0 40px 0;
	text-align:center;
	font-size:48px;
	font-weight:bold;
	}

#Mind table{
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	width:790px;
}
	
#Mind table td{
	padding:5px 5px 5px 20px;
	text-align:left;
	font-size:33px;
	line-height:1.7em;
	letter-spacing:2px;
	}

@media screen and (max-width:768px) {
	#Mind{
		padding-bottom: 20px;
	}
	#Mind table{
		width: 100%;
	}
	#Mind table tr{
		margin-bottom: 20px;
	}
	#Mind table td{
		display: block;
		font-size: 18px;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	#Mind table td span{
		font-size: 20px !important;
	}
	#Mind .mindTitle{
		text-align: center;
	}
	#Mind .mindText{
		padding-bottom: 40px;
	}
	#Mind .mindTitle img{
		width: 100px;
	}
	#contact-btn{
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	#contact-btn ul.btn{
		width: 100%;
	}
	#contact-btn ul li{
		width: 100%;
		text-align: center;
	}
}

/*-- 製品仕様 --*/

#Product{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:826px;
	text-align:center;
	}

#Product ul{
	display: block;
	width: 100%;
}

#Product ul li{
	width: 100%;
	/*min-height: 1px;*/
	padding: 10px 35px 0 0;
	text-align: center;
	font-size: 18px;
	/*border-bottom: 1px dashed #333333;*/
}

#Product ul li:last-child{
	padding-right: 0px;
}

.new{
	padding: 3px;
	font-size: 14px;
	color: rgb(255,255,255);
	background: red;
	border-radius: 4px;
}

#Product-bg{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:826px;
	height:350px;
	text-align:center;
	background:url(../images/Product.jpg) center no-repeat;
	}
	
#Product-aicon{
	float:right;
	margin:30px auto;
	padding:0;
	}
	
#Product h2{
	margin:0 auto;
	padding:40px 0 0 0;
	text-align:center;
	font-size:33px;
	}
	
#Product h3{
	margin:0 auto;
	padding:20px 0 50px 0;
	text-align:center;
	font-size:40px;
	}
	
#Product p{
	margin:0 auto;
	padding:30px 0 40px 0;
	text-align:center;
	font-size:20px;
	}
	
#Details{
	clear:both;
	width:795px;
	margin:20px auto 0 auto;
	padding:0;
	}
	
#Details table{
	width:795px;
	border-collapse:collapse;
	border:solid 1px #999999;
	}
	
#Details td{
	margin:0 auto;
	padding:10px;
	text-align:center;
	font-size:13px;
	background-color:#dff2fc;
	color:#333333;
	border:1px solid #999999;
	}
	
#Details th{
	margin:0 auto;
	padding:10px;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	color:#333333;
	border:1px solid #999999;
	}
	
#ja-6-left,#dp-50-left{
	float:left;
	margin:0 0 50px 0;
	padding:0;
	width:385px;
	height:405px;
	background:url(../images/Product-pic2.jpg) center no-repeat;
	}

#dp-50-left{
	height:427px;
	background:url(../images/Product-jx3.jpg) center no-repeat;
}
	
#ja-6-right{
	float:right;
	margin:0 auto;
	padding:0;
	width:395px;
	}
	
#ja-6-right table{
	margin:0 0 20px 0;
	padding:0;
	width:390px;
	border-collapse:collapse;
	border:solid 1px #999999;
	}
	
#ja-6-right td{
	margin:0 auto;
	padding:6px;
	text-align:center;
	font-size:13px;
	background-color:#dff2fc;
	color:#333333;
	border:1px solid #999999;
	}
	
#ja-6-right th{
	margin:0 auto;
	padding:6px;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	color:#333333;
	border:1px solid #999999;
	}

@media screen and (max-width:768px) {
	#Product-bg{
		position: relative;
		width: 100%;
		height: auto;
		background: none;
		background-size: 100%;
	}
	#Product-aicon{
		float: none;
		text-align: center;
		margin: 0;
	}
	#Details{
		width: 100%;
	}
	#Details table{
		width: 100%;
	}
	#Details table tr,
	#Details table th,
	#Details table td{
		display: block;
	}
	#Product{
		width: 100%;
	}
	#Product h2{
		font-size: 25px;
		padding-top: 20px;
	}
	#Product p{
		font-size: 18px;
		padding: 20px 0 20px 0;
	}
}
	

/*-- 製品サービス --*/

#Service{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:750px;
	}
	
#Service h2{
	margin:0 auto;
	padding:50px 0 40px 0;
	text-align:center;
	font-size:54px;
	font-weight:bold;
	}

#Service h3{
	margin:0 auto;
	padding:20px 0 40px 0;
	text-align:center;
	font-size:48px;
	font-weight:bold;
	}
	
#Service p{
	margin:0 auto 0 auto;
	padding:30px 0 20px 0;
	width:630px;
	text-align:left;
	font-size:18px;
	}

#Service p.rental{
	width: 700px;
	margin: 20px auto;
	padding: 20px 0;
	text-align: center;
	font-size: 27px;
	background-color: #f7f7f7;
}

#Service p.rental02{
	text-align: center;
}

span.small{
	font-size: 20px;
}
	
#Service p.hosyou{
	margin:0 auto 0 auto;
	padding:40px 0 40px 0;
	width:750px;
	text-align:center;
	font-size:38px;
	}

#Service p.after{
	margin:0 auto 20px auto;
	padding:0px 0;
	width:750px;
	text-align:left;
	font-size:18px;
	}
	
#Service table{
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	width:750px;
	}
	
#Service table td{
	margin:0 auto;
	padding:5px;
	text-align:left;
	font-size:22px;
	line-height:1.8em;
	}
	
@media screen and (max-width:768px) {
	#Service{
		width: 100%;
	}
	#Service h2{
		font-size: 27px;
	}
	#Service p{
		width: 100%;
	}
	#Service table{
		width: 100%;
	}
	#Service table td{
		display: block;
	}
	#Service table .serviceTitle{
		text-align: center;
	}
	#Service table .serviceTitle img{
		width: 100px;
	}
	#Service table .serviceText{
		text-align: center;
		font-size: 18px;
		padding-bottom: 40px;
	}
	#Service p.after{
		width: 100%;
	}
	#Service p.hosyou{
		width: 100%;
		font-size: 26px;
	}
	#Service p.hosyou span{
		font-size: 1.5em !important;
	}
	#Service h3{
		font-size: 24px;
	}
	#Service img{
		margin-top: 0 !important;
	}
}

	/*-- お客様の声 --*/
	
#voice{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:750px;
	}
	
#voice h2{
	margin:0 auto;
	padding:20px 0 20px 0;
	text-align:center;
	font-size:54px;
	font-weight:bold;
	}
	
#voice table{
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	width:750px;
	}
	
#voice table td{
	margin:0 auto;
	padding:5px 5px 10px 25px;
	overflow:hidden;
	text-align:left;
	font-size:20px;
	vertical-align:middle;
	line-height:1.6em;
	}

@media screen and (max-width:768px) {
	#voice{
		width: 100%;
	}
	#voice h2{
		font-size: 26px;
	}
	#voice table{
		width: 100%;
	}
	#voice table td{
		font-size: 16px;
		padding: 3px;
	}
	#voice table td:first-child{
		vertical-align: baseline;
		width: 50px;
		padding-top: 0;
	}
	#voice table td:last-child{
		width: calc(100% - 50px);
		padding-bottom: 30px;
	}
}

/*-- お客様の声 --*/
	
#qa{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:900px;
	}
	
#qa h2{
	margin:0 auto;
	padding:20px 0 20px 0;
	text-align:center;
	font-size:54px;
	font-weight:bold;
	}
	
dl{
     width:750px;
	 margin:0 auto 0 auto;
	 padding:0;
     overflow: hidden;
     _zoom: 1;
}
 
dt{
	margin:10px 0 0 0;
	padding:10px 0 0 70px;
	height:39px;
     background:url(../images/q-aicon.jpg) no-repeat 20px 6px;
	 font-size:21px;
	 font-weight:bold;
	 color:#036eb8;
}
 
 
dd{
	 overflow:hidden;
     background: url(../images/a-aicon.jpg) no-repeat 20px 7px;
     margin: 10px 0 -1px 0;
     padding: 10px 20px 15px 70px;
	 font-size:21px;
	 border-bottom:1px dashed #999999;
}

@media screen and (max-width:768px) {
	#qa{
		width: 100%;
	}
	#qa h2{
		width: 100%;
		font-size: 24px;
	}
	dl{
		width: 100%;
	}
	dt{
		background-position: left top 10px;
		padding-left: 50px;
		height: auto;
		min-height: 40px;
		font-size: 16px;
	}
	dd{
		background-position: left top 10px;
		padding-left: 50px;
		height: auto;
		font-size: 16px;
	}
}

/*-- お問い合わせ・資料請求 --*/

#contact-zone{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:750px;
	}

p.center{
	color: #F00;
	text-align: center;
}

p.bold{
	text-align: left!important;
	font-weight: bold;
	padding-top: 30px;
}

p.left{
	text-align: left!important;
	padding-bottom: 10px;
}

span.mail{
	display: block;
	line-height: 20px;
}

.c3{
	margin:0 auto;
	padding:15px 0 0 0;
	width:750px;
	text-align:center;
	}
	
.c1{
background:#fff;
margin:0 auto 0 auto;
padding:15px 20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
display:block;
line-height:50px;
width:710px;
text-align:left;
}
 
.c2{
background:#E8EEF9;
padding:20px;
margin:0 auto 0 auto;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
line-height:50px;
width:710px;
}
 
p.c1,p.c2{
margin:0;
}
 
.c1:hover,.c2:hover{
background:#FFEEEE;
}
 
.c1.last,.c2.last{
border-bottom:none;
}

.submit{
  text-align:center;
padding:10px 0 20px 0;
}
 
.m-alert{
padding:5px;
background:#ff8080;
color:#fff;
margin:5px;
font-weight:normal;
}
 
input[type=text],input[type=tel],input[type=email]{
font-size:15px;
}
 
.c1 textarea,.c2 textarea{
font-size:13px;
width:710px;
}
 
.file{
margin:10px;
display:block;
}
 
span.wpcf7-list-item { display: block; }

 
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{
   border:solid 1px #20b2aa;
}
 
input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}
 
.contact_right textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   padding:0 3px;
}
 
.contact_right textarea:focus{
   border:solid 1px #20b2aa;
}
 
.contact_right textarea {
   outline: none;
}
 
input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:33%;
   height:50px;
font-size:20px;
   padding:0 3px;
   margin:15px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}

input[type=reset]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:33%;
   height:50px;
font-size:20px;
   padding:0 3px;
   margin:15px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}
 
.contact_form input[type=submit]{
width:50%;
}
 
.contact_form input[type=text],.contact_form input[type=email]{
height:50px;
font-size:1.5em;
}
 
input[type="radio"]{
margin: 0 0 4px 0 !important;
}

@media screen and (max-width:768px) {
	#contact-zone{
		width: 100%;
	}
	.c1,
	.c2,
	.c3{
		box-sizing: border-box;
		width: 100%;
		padding: 0 5px;
	}
	.c3{
		padding: 1em;
	}
	#mailformpro input[type="text"],
	#mailformpro input[type="email"],
	#mailformpro input[type="email2"],
	#mailformpro textarea{
		box-sizing: border-box;
		width: 100% !important;
		border: 1px solid #eeeeee;
	}
	#mailformpro textarea{
		height: 150px;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	#mailformpro input.zip{
		width: 6.5em !important;
	}
	#mailformpro select{
		background-color: #fff;
	}
	p.center{
		font-size: 12px;
		padding-top: 1em;
	}
	span.mail{
		font-size: 12px;
		padding: 1em 0;
	}
}

/*-- footer --*/

footer{
	clear:both;
	margin:60px 0 0 0;
	padding:0;
	width:100%;
	background:url(../images/nav-bg.png) repeat-x center;
	}
	
footer p{
	margin:0 auto;
	padding:10px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	}


.fixed {
	position: fixed;
	top: 0;
	z-index: 999;
}