/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px),print{
	
/*
==========================================================
h1
========================================================
*/

#header{
	width:100%;
	height:680px;
	clear:both;
	overflow:hidden;
	padding:0px;
	margin:0 auto;
	background-image:url(../image/header_bg.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:top center;
}

#h1_title{
	width:530px;
	height:300px;
	padding:0px;
	margin:50px auto 0px auto;
	background-color: hsla(0,0%,100%,0.50);
	overflow: hidden;
}
#h1_title h1{
	padding:0px 0px 0px 0px;
	margin: 100px auto 20px auto;
	font-size:48px;
	font-weight:normal;
	color:#666;
	overflow: hidden;
	font-family: "kozuka-gothic-pr6n",sans-serif;
}
#h1_title h2{
	padding:0px 0px 0px 0px;
	margin: 0px auto 20px auto;
	font-size:16px;
	font-weight:normal;
	color:#80973F;
	overflow: hidden;
	border-bottom: 3px solid #80973F;
	display: inline-block;
}
#h1_title h3{
	padding:0px 0px 0px 0px;
	margin: 0px auto;
	font-size:18px;
	font-weight:normal;
	color:#666666;
	overflow: hidden;
}

/*
==========================================================
contents
========================================================
*/

#contents{
	width:1000px;
	height:auto;
	padding:0px;
	margin:10px auto 0px auto;
	clear:both;
	overflow:hidden;
}
/*
==========================================================
main
========================================================
*/

#main{
	width:900px;
	height:auto;
	padding:0px;
	margin:80px auto 80px auto;
	clear:both;
	overflow:hidden;
}
#main h2{
	width:900px;
	height:25px;
	padding:0px 0px 0px 30px;
	margin:0px 0px 20px 0px;
	font-size:15px;
	text-align:left;
	line-height:16px;
	color:#333;
	font-weight:normal;
	background-image:url(/commonImage/h2_back.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#main p{
	width:900px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	font-size:14px;
	text-align:left;
	line-height:180%;
	color:#333;
	font-weight:normal;
}

/*
==========================================================
contacttable
========================================================
*/

.contacttable{
	width:1000px;
	height:auto;
	padding:0px;
	margin:0px auto 30px auto;
	overflow:hidden;
	clear:both;
	border-collapse:collapse;
	border:0px;
}
.contacttable dt{
	width:25%;
	height:auto;
	padding:10px 0px 10px 20px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:150%;
	color:#333;
	border-bottom:1px solid #000;
	float: left;
}
.contacttable dd{
	width:70%;
	height:auto;
	padding:10px 0px 10px 20px;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:150%;
	color:#333;
	border-bottom:1px solid #ccc;
	float: right;
	
}

.contacttable textarea{
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ccc;
	color:#000;
}
.contacttable textarea:focus{
	color:#000;
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
.contacttable input{
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ccc;
	color:#000;
}
.contacttable input:focus{
	color:#000;
    opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


}

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	
	
/*
==========================================================
h1
========================================================
*/

#header{
	width:100%;
	height:680px;
	clear:both;
	overflow:hidden;
	padding:0px;
	margin:0 auto;
	background-image:url(../image/header_bg.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:top center;
}



/*
==========================================================
contents
========================================================
*/

#contents{
	width:1000px;
	height:auto;
	padding:0px;
	margin:10px auto 0px auto;
	clear:both;
	overflow:hidden;
}
/*
==========================================================
main
========================================================
*/

#main{
	width:900px;
	height:auto;
	padding:0px;
	margin:80px auto 80px auto;
	clear:both;
	overflow:hidden;
}
#main h2{
	width:900px;
	height:25px;
	padding:0px 0px 0px 30px;
	margin:0px 0px 20px 0px;
	font-size:15px;
	text-align:left;
	line-height:16px;
	color:#333;
	font-weight:normal;
	background-image:url(/commonImage/h2_back.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#main p{
	width:900px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	font-size:14px;
	text-align:left;
	line-height:180%;
	color:#333;
	font-weight:normal;
}

/*
==========================================================
contacttable
========================================================
*/

.contacttable{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto 30px auto;
	overflow:hidden;
	clear:both;
	border-collapse:collapse;
	border:0px;
}
.contacttable dt{
	width:25%;
	height:auto;
	padding:10px 0px 10px 20px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:150%;
	color:#333;
	border-bottom:1px solid #000;
	float: left;
}
.contacttable dd{
	width:70%;
	height:auto;
	padding:10px 0px 10px 20px;
	margin:0px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:150%;
	color:#333;
	border-bottom:1px solid #ccc;
	float: right;
	
}

.contacttable textarea{
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ccc;
	color:#000;
}
.contacttable textarea:focus{
	color:#000;
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
.contacttable input{
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ccc;
	color:#000;
}
.contacttable input:focus{
	color:#000;
    opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
	
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
	
/*
==========================================================
h1
========================================================
*/

#header{
	width:100%;
	height:680px;
	clear:both;
	overflow:hidden;
	padding:0px;
	margin:0 auto;
	background-image:url(../image/header_bg.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat:no-repeat;
	background-position:top center;
}

/*
==========================================================
contents
========================================================
*/

#contents{
	width:100%;
	height:auto;
	padding:0px;
	margin:10px auto 0px auto;
	clear:both;
	overflow:hidden;
}
/*
==========================================================
main
========================================================
*/

#main{
	width:100%;
	height:auto;
	padding:0px;
	margin:80px auto 80px auto;
	clear:both;
	overflow:hidden;
}
#main h2{
	width:100%;
	height:25px;
	padding:0px 0px 0px 30px;
	margin:0px 0px 20px 0px;
	font-size:15px;
	text-align:left;
	line-height:16px;
	color:#333;
	font-weight:normal;
	background-image:url(/commonImage/h2_back.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#main p{
	width:100%;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	font-size:16px;
	text-align:left;
	line-height:180%;
	color:#333;
	font-weight:normal;
}

/*
==========================================================
contacttable
========================================================
*/

.contacttable{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto 20px auto;
	overflow:hidden;
	clear:both;
	border-collapse:collapse;
	border:0px;
}
.contacttable dt{
	width:100%;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	line-height:150%;
	color:#333;
	border-bottom:1px solid #000;
}
.contacttable dd{
	width:100%;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:0px;
	font-size:15px;
	font-weight:normal;
	text-align: center;
	line-height:150%;
	color:#333;
	border-bottom:1px solid #ccc;
	float: right;
}

.contacttable textarea{
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ccc;
	color:#000;
}
.contacttable textarea:focus{
	color:#000;
    opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
.contacttable input{
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border: 1px solid #ccc;
	color:#000;
}
.contacttable input:focus{
	color:#000;
    opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
}


.submit_btn{
background: #79A342;
font-size: 20px;
padding: 10px 20px;
border: 0;
color: #fff;
border-radius: 10px;
}