@charset "utf-8";


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

/*==================================================
contents
====================================================*/
.contents section h1{
	background: url(../img/h2_marker.png) left bottom no-repeat;
	padding-left: 20px;
	line-height: 1.5;
	border-bottom: double 3px #cf0000;
}

.contents section{
	margin-top: 30px;
}

.contents section article h2{
	background-color: #001c78;
	padding: 5px;
	color: #ffffff;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 1.5;
}

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

#company article{
	margin-bottom: 60px;
}

#company #greeting .imgbx{
	text-align: center;
	margin-bottom: 15px;
}

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

#company #greeting .txtbx p{
	line-height: 1.5;
	margin-bottom: 15px;
}

#company #greeting .txtbx .name{
	text-align: right;
}

#company #sikaku .imgbx{
	text-align: center;
	margin-bottom: 15px;
	margin-top: 10px;
}

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

#company #sikaku .txtbx{
	text-align: center;
	line-height: 1.5;
}

#company #sikaku .kobutu{
	margin-top: 30px;
	line-height: 1.5;
	text-align: center;
}

#company #outline dl{
	background-color: #efefef;
	line-height: 1.5;
}

#company #outline dl dt{
	padding: 5px;
}

#company #outline dl dd{
	padding: 15px;
	background-color: #ffffff;
}

#company #outline dl dd ul{
	margin-left: 25px;
	margin-bottom: 30px;
}

#company #outline dl dd ul.links{
	margin-bottom: 0;
}

#company #map div{
	margin-bottom: 30px;
	line-height: 1.5;
	padding: 15px;
}

#company #map h3{
	margin-bottom: 15px;
	background-color: #efefef;
	padding: 5px;
}

#company #map div iframe{
	width: 100%;
}


/*==================================================
service
====================================================*/
#service .infotxt{
	margin-top: 15px;
	line-height: 1.5;
}

#service .infotxt p{
	margin-bottom: 15px;
}

#service .infotxt p span.em{
	font-weight: bold;
	color: #001c78;
}

#service .guide{
	background-color: #001c78;
	color: #ffffff;
	padding: 5px;
	line-height: 1.5;
	margin-bottom: 15px;
}

#service ul.sv_list li{
	list-style-type: none;
	margin-bottom: 30px;
}

#service ul.sv_list li h2{
	background-color: #efefef;
	padding: 5px;
	margin-bottom: 5px;
}

#service ul.sv_list li p img{
	width: 100%;
	max-width: 770px;
	margin-bottom: 5px;
}

#service ul.sv_list li p{
	line-height: 1.5;
}

/*==================================================
service（下層ページ）
====================================================*/

#ihinseiri article h2{
	background-color: none;
	padding: 0;
}

#ohakamairi article h2{
	background-color: none;
	padding: 0;
}

#hikkoshi article h2{
	background-color: none;
	padding: 0;
}

#jyutaku article h2{
	background-color: none;
	padding: 0;
}

#sonota article h2{
	background-color: none;
	padding: 0;
}

#kaishu article h2{
	background-color: none;
	padding: 0;
}

#katazuke article h2{
	background-color: none;
	padding: 0;
}

#mizu_denki article h2{
	background-color: none;
	padding: 0;
}

#housecleaning article h2{
	background-color: none;
	padding: 0;
}

#kusamushiri article h2{
	background-color: none;
	padding: 0;
}


.service_detail article h2 img{
	width: 100%;
	max-width: 850px;	
}

.service_detail #service_list ul{
	margin-left: 25px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.service_detail #sevice_info{
	line-height: 1.5;
	border: dotted 2px #001c78;
	padding: 15px;
}

.service_detail #sevice_info p{
	margin-bottom: 15px;

}

.service_detail #sevice_info .border{
	border-top: dotted 1px #666666;
	padding-top: 15px;
}

.service_detail #price{
	margin-bottom: 30px;
}

.service_detail #price h3{
	margin-top: 30px;
	background-color: #efefef;
	padding: 5px;
	margin-bottom: 15px;
}

.service_detail #price p{
	line-height: 1.5;
}

.service_detail #tel_guide{
	line-height: 1.5;
	border: solid 2px #cf0000;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	padding: 15px;
	font-weight: bold;
}

.service_detail #tel_guide .annai{
	border-bottom: solid 2px #cf0000;
	margin-bottom: 15px;
}

.service_detail #tel_guide .annai .em{
	font-size: 20px;
	color: #cf0000;
}

.service_detail #tel_guide .telnum .em a{
	font-size: 20px;
	color: #cf0000;
}

.service_detail #service_img p img{
	width: 100%;
	max-width: 770px;
	margin-top: 15px;
}

#ihinseiri article #sevice_info ul{
	margin: 30px 0 30px 25px;
}

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

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

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

#ihinseiri article #senmon, #kaishu article #senmon, #kusamushiri article #senmon{
	line-height: 1.5;
}

#ihinseiri article #senmon .imgbx, #kaishu article #senmon .imgbx, #kusamushiri article #senmon .imgbx{
	text-align: center;
	margin: 15px 0 30px 0;
}

#ihinseiri article #senmon .imgbx img, #kaishu article #senmon .imgbx img, #kusamushiri article #senmon .imgbx img{
	width: 100%;
	max-width: 770px;
}

#ohakamairi article #sevice_info ul{
	margin-left: 25px;
	margin-bottom: 15px;
}

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

/*==================================================
contact
====================================================*/
#contact #telfax{
	line-height: 1.5;
}

#contact #telfax .em a{
	color: #cf0000;
	font-size: 20px;
	font-weight: bold;
}

#contact #telfax .telnum{
	border: dotted 1px #666666;
	padding: 15px;
	margin: 5px;
}

#contact #mailform{
	line-height: 1.5;
}

#contact #mailform form{
	margin-top: 30px;
}

#contact #mailform form dl{
	background-color: #efefef;
	margin-bottom: 15px;
}

#contact #mailform form dl dt{
	padding: 5px;
}

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

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

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

#contact #mailform form .sbmt{
	background-color: #cccccc;
	padding: 5px;
	text-align: center;
}

#contact #mailform .kakikata{
	border: double 3px #001c78;
	padding: 15px;
	margin-top: 30px;
}

#contact #mailform .kakikata h3{
	background-color: #001c78;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 15px;
}

#contact #mailform .kakikata ol{
	margin-left: 25px;
}

#contact #mailform .kakikata ol li{
	padding-bottom: 5px;
	margin-bottom: 15px;
}


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

#policy .policytxt{
	line-height: 1.5;
	margin-top: 30px;
}

#policy .policytxt ol{
	margin-top: 30px;
	margin-bottom: 30px;
}

#policy .policytxt ol li{
	margin-left: 25px;
	margin-bottom: 15px;
}

#policy .policytxt ul{
	margin-left: 25px;
	margin-top: 15px;
}

#policy .policytxt p.name{
	margin-top: 30px;
	text-align: right;
}


/*==================================================
link
====================================================*/

#link .linklist{
	border: solid 1px #001c78;
	margin-top: 15px;
}

#link .linklist dt{
	background-color: #001c78;
	padding: 5px;
}

#link .linklist dt a{
	color: #ffffff;
}

#link .linklist dd{
	padding: 5px;
}

/*==================================================
faq
====================================================*/
#faq ul{
	margin-left: 15px;
	line-height: 1.5;
	margin-top: 15px;
}

#faq ul li{
	list-style-type: none;
}

#faq article{
	line-height: 1.5;
	margin-bottom: 30px;
}

#faq article .a{
	color: #ff0000;
	font-weight: bold;
}

#faq article .imgbx{
	margin-top: 15px;
}

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

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

#reason article img{
	width: 100%;
	max-width: 770px;
}

#reason article .imgbx{
	margin-top: 15px;
}


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

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	
	/* contents */
	.contents section{
		margin-top: 0;
	}
	
	/* company */
	#company #greeting .imgbx{
		width: 30%;
		float: left;
	}
	
	#company #greeting .txtbx{
		width: 67%;
		float: right;
	}
	
	#company #sikaku .imgbx{
		width: 200px;
		margin: 10px auto 0 auto;
	}
	
	#company #outline dl{
		border-top: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-right: solid 1px #cccccc;
	}
	
	#company #outline dl.last{
		border-bottom: solid 1px #cccccc;
	}
	
	#company #outline dl dt{
		width: 30%;
		float: left;
	}
	
	#company #outline dl dd{
		width: 65%;
		float: right;
		padding: 5px;
	}
	
	#company #map div{
		padding: 0;
	}
	
	/* service */
	#service ul.sv_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#service ul.sv_list li{
		width: 49%;
	}
	
	/* service（下層ページ） */
	.service_detail #service_list{
		font-size: 20px;
		font-weight: bold;
	}
	
	.service_detail #service_list ul li{
		list-style-type: none;
		line-height: 2;
		background: url(../img/service/service_marker.png) left top no-repeat;
		padding-left: 40px;
	}
	
	.service_detail #tel_guide .annai{
		width: 47%;
		float: left;
		border-bottom: none;
		margin-bottom: 0;
		border-right: solid 2px #cf0000;
		padding-right: 2%;
		margin-right: 2%;
	}
	
	.service_detail #tel_guide .telnum{
		width: 47%;
		float: right;
	}
	
	.service_detail #service_img p.left{
		width: 49%;
		float: left;
	}
	
	.service_detail #service_img p.right{
		width: 49%;
		float: right;
	}
	
	#ihinseiri article #sevice_info .imgbx{
		width: 40%;
		float: left;
	}
	
	#ihinseiri article #sevice_info .txtbx{
		width: 57%;
		float: right;
	}
	
	#ihinseiri article #senmon .imgbx, #kaishu article #senmon .imgbx, #kusamushiri article #senmon .imgbx{
		width: 400px;
	}
	
	/* news */
	#news article div{
		margin: 15px;
		border: dotted 1px #cccccc;
		padding: 15px;
	}
	
	/* contact */
	#contact #telfax .telnum{
		width: 200px;
		margin: 15px auto;
	}
	
	#contact #telfax .keitai{
		text-align: center;
	}
	
	#contact #mailform form dl{
		margin-bottom: 0;
		border-top: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-right: solid 1px #cccccc;
	}
	
	#contact #mailform form dl dt{
		width: 30%;
		float: left;
	}
	
	#contact #mailform form dl dd{
		width: 65%;
		float: right;
	}
	
	/* contact */
	#policy .policytxt{
		margin: 30px 15px 15px 15px;
	}
	
	/* faq */
	#faq article.eximg .kaito{
		width: 60%;
		float: left;
	}
	
	#faq article.eximg .imgbx{
		width: 37%;
		float: right;
	}
	
	/* reason */
	#reason article .eximg .txtbx{
		width: 60%;
		float: left;
	}
	
	#reason article .eximg .imgbx{
		width: 37%;
		float: right;
	}
	

	
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px){
	
	/* service（下層ページ） */
	
	.service_detail #tel_guide .annai{
		text-align: center;
	}
	
	.service_detail #tel_guide .telnum{
		text-align: center;
	}
	
	/* link */
	#link .linklist{
		margin: 30px;
	}
	
}