@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==================================================
contents
====================================================*/
#contents h1{
	background: #bfc6ba url(../img/h2_marker.png) 8px 8px no-repeat;
	padding: 5px 5px 5px 23px;
	line-height: 1.5;
}

/*==================================================
ihinseiri
====================================================*/
#ihinseiri article{
	margin: 15px 0 45px 0;
	line-height: 1.5;
}

#ihinseiri article h2{
	margin-bottom: 15px;
}

#ihinseiri article p{
	margin-bottom: 15px;
}

#ihinseiri article .i-info{
	border: dotted 1px #748a63;
	padding: 15px;
}

#ihinseiri article ul li{
	margin-left: 25px;
	margin-bottom: 15px;
}

#ihinseiri article .guide .imgbx img{
	width: 100%;
	max-width: 770px;
}

#ihinseiri article .telinfo{
	border: dotted 1px #748a63;
	padding: 15px;
	margin-bottom: 15px;
}

#ihinseiri article .telinfo .last{
	font-size: 14px;
	margin-bottom: 0;
}

/*==================================================
company
====================================================*/

#company article{
	margin: 15px 0 45px 0;
	line-height: 1.5;
}

#company article .greeting p{
	margin-bottom: 15px;
}

#company article .imgbx{
	text-align: center;
}

#company article .imgbx img{
	width: 100%;
	max-width: 400px;
}

#company article .shoushobx, #company article .kobutu{
	border: dotted 1px #cccccc;
	padding: 15px;
	margin-bottom: 15px;
}

#company article .shoushobx .txtbx{
	margin-top: 15px;
}

#company article#aboutcom dl{
	background-color: #bfc6ba;
	margin-top: 15px;
}

#company article#aboutcom dl dt{
	padding: 5px;
}

#company article#aboutcom dl dd{
	background-color: #ffffff;
	padding: 5px;
}

#company article#aboutcom dl dd .links{
	margin-left: 25px;
}

#company article#aboutcom dl dd .servicebx{
	margin-bottom: 30px;
}

#company article#aboutcom dl dd .servicebx ul li{
	margin-left: 35px;
}

#company article#aboutcom dl dd .servicebx p{
	margin-left: 20px;
	background-color: #efefef;
	margin-top: 15px;
	margin-bottom: 15px;
}


/*==================================================
contact
====================================================*/

#contact article{
	margin: 15px 0 45px 0;
	line-height: 1.5;
}

#contact article#telinfo p{
	margin-top: 15px;
}

#contact article#mform form{
	margin-top: 15px;
	padding: 15px;
	border: dotted 1px #748a63;
}

#contact article#mform form dl{
	background-color: #bfc6ba;
	margin-top: 15px;
}

#contact article#mform form dl dt{
	padding: 5px;
	font-weight: bold;
}

#contact article#mform form dl dd{
	background-color: #ffffff;
	padding: 5px;
}

#contact article#mform form dl dd .txbx{
	width: 96%;
}

#contact article#mform form dl dd textarea{
	width: 96%;
}

#contact article#mform form p.sumtbut{
	background-color: #efefef;
	padding: 5px;
	text-align: center;
}

/*==================================================
policy
====================================================*/

#policy{
	line-height: 1.5;
}

#policy p{
	margin-top: 15px;
}

#policy ol li{
	margin: 15px 0 0 25px;
}

#policy h2{
	margin: 30px 0 15px 0;
}

#policy ul{
	margin-bottom: 30px;
}

#policy ul li{
	margin: 15px 0 0 25px;
}

/*==================================================
news
====================================================*/

#news section{
	margin-top: 30px;
	line-height: 1.5;
	border-bottom: dotted 1px #748a63;
}

#news section .date{
	color: #666666;
	margin-left: 20px;
}

#news section .txt{
	margin-top: 15px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#news section .txt p{
	margin-bottom: 1rem;
}


/*==================================================
works
====================================================*/
#works p{
	margin-top: 2rem;
	line-height: 1.5;
	margin-left: 15px;
	margin-right: 15px;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～1280px */
@media only screen and (min-width: 769px){
	
	footer{
		margin-top: 15px;
	}
	
	/* ihinseiri */
	#ihinseiri article{
		margin: 15px 15px 45px 15px;
	}
	
	#ihinseiri article ul{
		margin-bottom: 30px;
	}
	
	#ihinseiri article .guide{
		margin-bottom: 15px;
	}
	
	#ihinseiri article .guide .imgbx{
		width: 40%;
		float: right;
	}
	
	#ihinseiri article .guide .txtbx{
		width: 57%;
		float: left;
	}
	
	/* ihinseiri */
	#company article{
		margin: 15px 15px 45px 15px;
	}
	
	#company article .greeting{
		padding-top: 15px;
	}
	
	#company article .shoushobx .txtbx{
		margin-top: 0;
	}
	
	#company article .imgbx{
		width: 40%;
		float: left;
	}
	
	#company article .txtbx{
		width: 57%;
		float: right;
	}
	
	#company article .greeting .name{
		text-align: right;
	}
	
	#company article#aboutcom h2{
		margin-bottom: 15px;
	}
	
	#company article#aboutcom dl{
		margin-top: 0;
		border-top: solid 1px #748a63;
		border-left: solid 1px #748a63;
		border-right: solid 1px #748a63;
	}
	
	#company article#aboutcom dl.last{
		border-bottom: solid 1px #748a63;
	}
	
	#company article#aboutcom dl dt{
		width: 30%;
		float: left;
	}
	
	#company article#aboutcom dl dd{
		width: 65%;
		float: right;
	}
	
	#company article#aboutcom dl dd .last{
		margin-bottom: 0;
	}
	
	/* contact */
	#contact article{
		margin: 15px 15px 45px 15px;
	}
	
	#contact article#telinfo .tlnm{
		text-align: center;
	}
	
	#contact article#mform form dl{
		margin-top: 0;
		border-top: solid 1px #748a63;
		border-left: solid 1px #748a63;
		border-right: solid 1px #748a63;
	}
	
	#contact article#mform form dl.last{
		border-bottom: solid 1px #748a63;
	}
	
	#contact article#mform form dl dt{
		width: 30%;
		float: left;
	}
	
	#contact article#mform form dl dd{
		width: 65%;
		float: right;
	}
	
	/* policy */
	#policy div{
		margin: 15px 15px 45px 15px;
	}
	
	#policy .name{
		text-align: right;
	}

	/* news */
	#news section{
		margin-left: 15px;
		margin-right: 15px;
	}
}

/* PC向けレイアウトの指定：1281px以上では固定レイアウト */
@media only screen and (min-width: 1281px){
	
	#contents h1{
		font-size: 16px;
	}
	
	/* ihinseiri */
	#ihinseiri .gaiyou ul{
		margin: 45px 0 45px 150px;
	}
	
	#ihinseiri article .guide .shousho{
		width: 25%;
	}
	

	
}