@charset "utf-8";

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

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

/*==================================================
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#aboutcom dl{
	background-color: #ffb9a4;
	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 #ff6434;
}

#contact article#mform form dl{
	background-color: #ffb9a4;
	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;
}


/*==================================================
service
====================================================*/
#service article{
	line-height: 1.5;
	margin-bottom: 60px;
}

#service article h2{
	margin-top: 15px;
}

#service .note{
	background-color: #ffb9a4;
	border: dotted 1px #ff6434;
	padding: 5px;
	margin-top: 15px;
}

#service article section{
	margin-top: 30px;
	border-bottom: dotted 2px #cccccc;
	padding-bottom: 15px;
}

#service article section .pho{
	border: double 3px #ff6434;
}

#service article section .pho img{
	max-width: 100%;
}

#service article section .txt h3{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #ffb9a4 70%, #ff6434 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffb9a4 70%,#ff6434 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#ffb9a4 70%,#ff6434 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff6434',GradientType=1 ); /* IE6-9 */
	padding: 5px;
	border: solid 1px #ff6434;
}

#service article section .txt p{
	margin-top: 15px;
}

#service article .info{
	border: dotted 1px #ff6434;
	padding: 15px;
	margin-top: 15px;
}

#service article h3.hinmoku{
	margin-top: 30px;
	background-color: #ff6434;
	margin-bottom: 15px;
}

#service article h3.hinmoku span{
	display: block;
	width: 220px;
	margin: 0 auto;
	padding: 3px 0;
	background-color: #ffffff;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	text-align: center;
	font-size: 16px;
}

#service article ul li{
	margin-bottom: 15px;
	background-color: #efefef;
	border: solid 1px #cccccc;
	padding: 3%;
	list-style-type: none;
}

/*==================================================
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～960px */
@media only screen and (min-width: 769px){
	
	/* company */
	#company article{
		margin: 15px 15px 45px 15px;
	}
	
	#company article .greeting{
		padding-top: 15px;
	}
	
	#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 #ff6434;
		border-left: solid 1px #ff6434;
		border-right: solid 1px #ff6434;
	}
	
	#company article#aboutcom dl.last{
		border-bottom: solid 1px #ff6434;
	}
	
	#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 #ff6434;
		border-left: solid 1px #ff6434;
		border-right: solid 1px #ff6434;
	}
	
	#contact article#mform form dl.last{
		border-bottom: solid 1px #ff6434;
	}
	
	#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;
	}
	
	/* service */
	#service article section .pho{
		float: left;
		width: 40%;
	}
	
	#service article section .txt{
		float: right;
		width: 57%;
	}
	
	#service article ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#service article ul li{
		width: 43%;
	}
	
}

/* PC向けレイアウトの指定：9321px以上では固定レイアウト */
@media only screen and (min-width: 1321px){
	
	#contents h1{
		font-size: 16px;
	}

}