@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------*/
/* モバイルレイアウト : 480 px およびそれ以下.                                                                            */
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 　　　　　　　　　　　　　　　　　　　 */
/* デスクトップレイアウト : 769 px ～最大 1000 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。　　　　　 */
@media only screen and (min-width: 481px) {
}
@media only screen and (min-width: 769px) {
}
/*------------------------------------------------------------------------------------------------------------------------*/

/* header */
header{
	margin:0;
	padding:10px 0 0 0;
	background:#FFF;
}
header .header_contents{}
header h1{
	text-align:center;
	margin:0 0 10px 0;
}
header nav{}
header nav li{
	width:18%;
	display:inline-block;
	text-align:center;
}
header nav li a{
	display:inline-block;
	padding:15px 0;
	color:#999999;
	font-size:14px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width:100%;
}
header nav li a:link{
	color:#999999;
	text-decoration:none;
}
header nav li:hover a{
	color:#FFFFFF;
	text-decoration:none;
}
header nav li:hover{
	background:#998046;
}

@media only screen and (min-width: 481px) {
}

@media only screen and (min-width: 769px) {
header{
	padding:0;
	overflow:hidden;
}
header .header_content{
	max-width:980px;
	margin:0 auto;
}
header h1{
	float:left;
	margin:10px 0 10px 15px;
	display:inline-block;
}
header nav{
	float:right;
	width:60%;
	text-align:center;
}
header nav li{
}
header nav li a{
	padding:45px 0;
	text-align:center;
}
}

/* slider */
#slide{}

@media only screen and (min-width: 481px) {
}

@media only screen and (min-width: 769px) {
#slide{
	width:100%;
	background-color: #ECEBE7;
}
}

/* top */
#top{
	background:url(../images/bg_company.png) ;
	color:#FFFFFF;
	padding:30px 0;
}
#top h2{
	background:url(../images/sec01_titlebg.png) no-repeat center center;
	background-size:contain;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	margin:0 0 20px 0;
	padding:30px 0;
	font-size:1.3em;
}
#top p{
	margin:0 0 10px 0;
}

@media only screen and (min-width: 481px) {
#top h2{
	font-size:1.6em;
}
}

@media only screen and (min-width: 769px) {
#top h2{
	background-size:auto;
	margin:30px 0 20px 0;
	padding:50px 0 50px;
	font-size:2em;
}
}

/* service */
#service{
	padding:50px 0;
}
#service h2{
	background:url(../images/title_service.png) no-repeat center top 30%;
	padding:70px 0 0 0;
	text-align:center;
	color:#DFDFD0;
	letter-spacing:2.0px;
	font-size:1.28em;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:normal;
}
#service li{
	text-align:center;
	margin:40px auto 10px auto;
	color:#DDDDDD;
	font-size:1.14em;
}
#service li img{
	width:80%;
}
#service li h3{
	color:#98813C;
	font-size:1.62em;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:10px 0 5px 0
}

@media only screen and (min-width: 481px) {
#service{
	padding:70px 0;
	overflow:hidden;
}
#service h2{
	background:url(../images/title_service.png) no-repeat center top;
	background-size:auto;
	padding:50px 0 0 0;
	font-size:1.28em;
}
#service li{
	text-align:center;
	margin:40px auto 10px auto;
	color:#DDDDDD;
	font-size:1.14em;
}
#service li img{
	width:80%;
}
#service li h3{
	color:#98813C;
	font-size:1.62em;
	font-weight:normal;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:10px 0 5px 0
}
}
		@media only screen and (min-width: 551px) {
		#service h2{
			margin-bottom:40px;
		}
		#service li{
			width:45%;
			float:left;
			text-align:center;
			margin:0px auto 10px auto;
			padding:0 10px;
			color:#DDDDDD;
			font-size:1.14em;
		}
		#service li:nth-child(even){
			padding-top:100px;
		}
		#service li img{
			width:80%;
		}
		#service li h3{
			color:#98813C;
			font-size:1.62em;
			font-weight:normal;
			font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			margin:10px 0 5px 0
		}
		}

@media only screen and (min-width: 769px) {
}

/* company */
#company{
	background:url(../images/bg_company.png) ;
	color:#DDDDDD;
	padding:20px;
}
#company .box{
	border:solid 1px #BCA048;
}
#company h2{
	text-align:center;
	margin:20px 0 0 0;
}
#company dl{
	margin:20px;
	border-bottom:solid 1px #333333;
}
#company dt{
	color:#BCA048;
	border-top:solid 1px #333333;
	padding:15px 0 0 0;
}
#company dd{
	margin:5px 0 0 0;
	padding:0 0 15px 0;
	overflow:hidden;
}
#company dd img{
	float:left;
	margin:0 20px 0 0;
}
#company dd p.title{
	color:#BCA048;
}

@media only screen and (min-width: 481px) {
#company dl{
	margin:20px;
	overflow:hidden;
	max-width:760px;
}
#company dt{
	float:left;
	width:25%;
	border-top:solid 1px #333333;
	clear:both;
	padding:20px 0;
}
#company dd{
	margin:0;
	padding:20px 0;
	float:left;
	width:75%;
	border-top:solid 1px #333333;
}
}

@media only screen and (min-width: 769px) {
#company{
	padding:100px 0;
}
#company .box{
	width:960px;
	margin:0 auto;
	padding:0 0 50px 0;
}
#company dl{
	margin:30px auto;
	overflow:hidden;
	max-width:760px;
}
#company dt{
	float:left;
	width:25%;
	border-top:solid 1px #333333;
	clear:both;
	padding:20px 0;
}
#company dd{
	margin:0;
	padding:20px 0;
	float:left;
	width:75%;
	border-top:solid 1px #333333;
}
}

/* message */
#message{
	padding:40px 0;
}
#message div{
	background:url(../images/bg_message01.png) no-repeat center top,url(../images/bg_message02.png) no-repeat center bottom;
	padding:70px 20px;
}
#message div h2{
	background:url(../images/title_message.png) no-repeat center top 30%;
	margin:0 0 30px 0;
	padding:60px 0 0 0;
	text-align:center;
	color:#DFDFD0;
	letter-spacing:2.0px;
	font-size:1.28em;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:normal;
}
#message div p{
	color:#DDDDDD;
	text-align:center;
	margin-bottom:20px;
}
#message div p.name{
	font-size:1.2em;
	margin-top:40px;
}

@media only screen and (min-width: 481px) {
}

@media only screen and (min-width: 769px) {
#message{
	padding:100px 0;
}
}

/* contact */
#contact{
	margin:10px;
	padding:10px;
	background:url(../images/bg_contact.png);
}
#contact div{
	border:solid 1px #BCA048;
	padding:20px;
}
#contact div h2{
	background:url(../images/img_contact01.png) no-repeat center top;
	margin:20px 0 0 0;
	padding:40px 0 0 0;
	font-size:1.5em;
	font-weight:bold;
	color:#000000;
	letter-spacing:1.5px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}
#contact div p{
	margin:30px 0 20px 0;
}
#contact div dd{
	margin:10px 0 20px 0;
}
#contact div dt span{
	color:#FFFFFF;
	background:#A18B44;
	margin:0 0 0 10px;
	padding:3px 5px 2px 5px;
	font-size:0.85em;
}
#contact div dd input,
#contact div dd textarea{
	border:solid 1px #DFDFD0;
	background:#FFFFFF;
	border-radius:3px;
	padding:5px;
	width:95%;
}
#contact div .btn{
	text-align:center;
	margin:30px 0;
}
#contact div .btn input{
	background:url(../images/icn_mail.png) no-repeat 30px center #A18B44;
	border:solid 1px #A18B44;
	padding:10px 20px 9px 40px;
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
}
#contact div .btn input:hover{
	background:url(../images/icn_mail.png) no-repeat 30px center #847238;
	border:solid 1px #847238;
}

@media only screen and (min-width: 481px) {
#contact div .btn input{
	padding:15px 20px 14px 65px;
	width:200px;
}
}

@media only screen and (min-width: 769px) {
#contact{
	margin:10px auto;
	background:url(../images/bg_contact.png);
	width:970px
}
#contact div{
	padding:20px 50px;
}
#contact div h2{
	background:url(../images/img_contact01.png) no-repeat center top;
	margin:20px 0 0 0;
	padding:40px 0 0 0;
	font-size:1.9em;
	font-weight:bold;
	color:#000000;
	letter-spacing:1.5px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}
#contact div p{
	margin:50px 0 20px 0;
}
#contact div dl{
	overflow:hidden;
}
#contact div dt{
	float:left;
	clear:both;
	width:190px;
	margin:12px 10px 20px 10px;
}
#contact div dd{
	margin:0 0 20px 0;
	float:left;
}
#contact div dt span{
	color:#FFFFFF;
	background:#A18B44;
	margin:0 0 0 10px;
	padding:3px 5px 2px 5px;
	font-size:0.85em;
}
#contact div .btn{
	margin:30px 0 50px 0;
}
#contact div dd input,
#contact div dd textarea{
	width:610px;
	padding:10px;
}
}

/* footer */
footer{
	border-top:solid 1px #BCA048;
	text-align:center;
	color:#8A8A7A;
	margin:30px 0 10px 0;
	padding:10px 0 0 0;
}


/*------------------------------------------------------------------------------------------------------------------------*/
/* 下層ページ                                                                                                             */
/*------------------------------------------------------------------------------------------------------------------------*/
#contents{
	background:#FFF;
	padding:30px 0;
}
#contents .main{
	padding:10px;
}
@media only screen and (min-width: 481px) {
#contents .main{
	max-width:760px;
}
}
@media only screen and (min-width: 769px) {
#contents .main{
	max-width:970px;
	margin:0 auto;
}
}