@charset "utf-8";
/* CSS Document */

/* ===== 匠プラスについて ===== */

.about #contents h4{
	margin-bottom:16px;
	font-size:24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.about #contents .about_box{
	margin-bottom:0;
	position: relative;
}
.about #contents #voice_box{margin-bottom:48px;}

.about #contents .box p{
	margin-bottom:16px;
}
.about #contents .movie_wrap{width:80%;margin:0 auto 24px;}

.about #contents .left_box,
.about #contents .right_box{
	width:48%;
}

.about #contents .left_box{
	float:left;
}

.about #contents .left_box .photo{
	width:48%;
	position: absolute;
	left:52%;
	top:80px;
}

.about #contents .right_box{
	float:right;
}

.about #contents .right_box .photo{
	width:48%;
	position: absolute;
	right:52%;
	top:4px;
	text-align: right;
}

/* ===== よくある質問 ===== */

.faq .des{
	margin-bottom:40px;
}

.faq .des h3{
	font-size:24px;
}

.acMenu{
	margin-bottom:8px !important;
	background:#F2F5F7;
}

.acMenu dt{
	cursor:pointer;
	display:block;
}

.acMenu dt:before{
	width:57px;
	height:57px;
	line-height: 57px;
	margin-right:16px;
	content: "Q";
	display: inline-block;
	text-align: center;
	background:#001433;
	color:#FFFFFF;
}

.acMenu dd{
	margin-right:16px;
	margin-left:73px;
	padding:16px 0;
	display:none;
	border-top:1px solid #CCCCCC;
}

.acMenu dd ul{
	list-style: none;
}

.acMenu dd ul li{
	margin-left:0;
}

.acMenu dd ul li i{
	margin-right:16px;
}

.faq .bg{
	margin-bottom:0;
	background:#001433;
	color:#FFFFFF;
}

.faq .bg .left_box,
.faq .bg .right_box{
	width:50%;
	box-sizing: border-box;
}

.faq .bg .left_box{
	float:left;
	border-right:1px solid #FFFFFF;
}

.faq .bg .left_box h3{
	margin-bottom:24px;
}

.faq .bg .left_box h3 small{
	display: block;
}

.faq .bg .right_box{
	float:right;
}

.faq .bg .right_box p.tel{
	margin-bottom:24px;
	font-size:30px;
	display: inline-block;
	border-bottom:2px solid #001433;
}

.faq .bg .right_box a{
	width:100%;
	padding:8px 0;
	display: block;
	border:1px solid #FFFFFF;
	text-align: center;
	text-decoration: none;
	color:#FFFFFF;
}

.faq .bg .right_box a:hover{
	background:#FFFFFF;
	color:#001433;
}

.faq .bg .con_box{
	width:280px;
	margin: 0 auto;
}

/* ===== お問い合わせ ===== */
.contact #contents,.request #contents,.reserv #contents{width:800px;}
.contact .des p.tel{font-size:32px;font-weight:600;}
.contact .des p.tel a{color:#001433;}
.contact #contents .des ul.banner_center{display:block;text-align:center;}
.contact #contents .des ul.banner_center li{width:200px;margin:4px 8px;display:inline-block;}

#contact{margin-bottom:40px;padding:24px;background:#EFEFEF;}
#contact dt{margin-bottom:16px;padding-left:24px;border-left:4px solid #001433;}
#contact dt .red{margin-left:16px;font-size:13px;}
#contact dt .blue{margin-left:16px;font-size:13px;color:#0059A7;}
#contact dd{margin-bottom:24px;}
#contact dd input[type=text],
#contact dd input[type=tel],
#contact dd input[type=email],
#contact dd select,
#contact dd textarea{
	width:100%;padding:15px 5px;box-sizing: border-box;background: #FFFFFF;border: none;border-radius: 3px;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-transition: all .3s;transition: all .3s;
}
#contact dd option{-webkit-appearance: none;-moz-appearance: none;padding:8px 0;font-size:120%;}
#contact dd input[type=text]:focus,
#contact dd input[type=tel]:focus,
#contact dd input[type=email]:focus,
#contact dd textarea:focus{
	box-shadow: 0 0 7px #00AECB;border: 1px solid #00AECB;box-sizing: border-box;
}
.submit_btn input[type="submit"] {display: block;width: 200px;height: 42px;margin:0 auto;padding: 0;border: 2px solid #001433;cursor: pointer;outline: none;background:#001433;color:#FFFFFF;font-size:1.0rem;box-sizing: border-box;}

.submit_btn input[type="submit"]:hover{background:#FFFFFF;color:#001433;}
.privacy{height:150px;padding:16px;margin-bottom:24px;overflow: auto;border:1px solid #CCCCCC;}
.privacy dl dd{color:#333333;}


.request .sub_head,.reserv .sub_head{margin-bottom:0;}
.request #request_box img.alignleft,.reserv #request_box img.alignleft{width:40%;margin:0;}
.request #request_box .alignright,.reserv #request_box .alignright{width:57%;margin:0;padding-top:40px;float:right;}
.request #request_box .alignright p,.reserv #request_box .alignright p{margin-bottom:16px;}
.request #request_box .alignright span.tel,.reserv #request_box .alignright span.tel{margin-left:16px;font-size:200%;}
.reserv #request_box .alignright{padding-top:0;}

/* blog_list */
.blog_list .sub_head h2{width:1000px;margin:0 auto;text-align: left;}
.blog_list .post ul li{margin:0;padding:8px 0;border-bottom:1px dotted #999999;list-style: none;overflow: hidden;}
.blog_list .post ul li:first-of-type{border-top:1px dotted #999999;}
.blog_list .post ul li span.entry_date{width:20%;float:left;}
.blog_list .post ul li span.entry_tit{width:80%;float:right;}
.blog_list .post ul li a{color:#333333;}

/* line */
.line .line_icon{width:200px;}
.line #contents{margin-bottom:0;}
.line #contents .bg .box{margin-bottom:40px;}
.line #contents .bg .des{counter-reset: number;}
.line #contents .bg .box:nth-of-type(1) h3,.line #contents .bg .box:nth-of-type(3) h3{padding-top:16px;}
.line #contents .bg .box h3{margin-bottom:24px;padding-left:80px;font-size:140%;position:relative;}
.line #contents .bg .box h3:before{width:64px;height:64px;line-height:64px; counter-increment:number;content:counter(number);position:absolute;top:0;left:0;background-color:#666F86;color:#FFFFFF;border-radius:64px;text-align:center;}
.line #contents .bg .item{text-align:center;}
.line #contents .bg .item p{margin-bottom:8px;}
.line #contents .bg .item p img{width:160px;}
.line #contents .bg .item:nth-of-type(1) img{padding-top:48px;}
.line #contents .line_take{max-width:560px;margin:0 auto 24px;padding:16px;}
.line #contents .privacy{max-width:820px;margin:0 auto;background-color:#FFFFFF;}
.line #contents .privacy h4{margin-bottom:16px;font-size:120%;font-weight:600;}
.line #contents .privacy p,.line #contents .privacy dd{margin-bottom:16px;}
.line #contents .privacy ol{margin-left:24px;list-style:decimal;}

/* ===== 施工の流れ ===== */
#flow .home_flow{margin-bottom:0;}
.flow #contents .flex_box .item,.home_flow .flex_box .item{width:48%;margin-bottom:36px;}
.flow #contents .item h3,.home_flow .item h3{margin-bottom:16px;padding:8px 0;border-top:1px solid #CCCCCC;border-bottom:1px solid #001433;}
.flow #contents .item h3 span,.home_flow .item h3 span{margin-right:16px;color:#EE7700;}
.flow #contents .item .flow_photo,.home_flow .item .flow_photo{margin-bottom:12px;}
.flow #contents .item p,.home_flow .item p{margin-bottom:12px!important;}
.flow #contents .item .flow_btn a,.home_flow .item .flow_btn a{width:100%;padding:8px 0;display:block;background:#001433 url("../image/flow/arrow.gif") no-repeat left top;color:#FFFFFF;text-align:center;text-decoration:none;}
.flow #contents div.txt_c{width:320px;margin:0 auto;}

/* ipad 横 */
@media screen and (max-width: 1024px) {
	.about #contents .left_box,
	.about #contents .right_box{
		width:100%;
	}

	.about #contents .left_box,
	.about #contents .right_box{
		float:none;
	}

	.about #contents .left_box .photo,
	.about #contents .right_box .photo{
		width:100%;
		margin-bottom:24px;
		position:inherit;
		left:inherit;
		top:inherit;
		text-align: left;
	}
	.blog_list .sub_head h2{width:94%;margin:0 3%}
}

/* ipad 縦 */
@media screen and (max-width: 800px) {
	.contact #contents,.request #contents,.reserv #contents{
		width:94%;
		margin:0 3%;
	}
	
	.acMenu dt{padding-top:8px;overflow: hidden;}
	.acMenu dt:before{margin-top:-8px;float:left;}
	.acMenu dd{margin-left:16px;}
	.blog_list .post ul li span.entry_date,.blog_list .post ul li span.entry_tit{width:100%;float:none;display:block;}
}

/* iPhone 横 */
@media screen and (max-width: 740px) {
	/* 資料請求 */
	.request #request_box{text-align:center;}
	.request #request_box img.alignleft{width:80%;margin:0 auto 16px;float:none;}
	.request #request_box .alignright{width:94%;margin:0 auto;padding-top:0;float:none;text-align:center;}
    
	.reserv #request_box img.alignleft{width:100%;margin:0 auto 16px;float:none;}
	.reserv #request_box .alignright{width:100%;margin:0 auto;padding-top:0;float:none;}
	
	/* よくある質問 */
	.faq .bg .left_box,.faq .bg .right_box{width:100%;margin-bottom:16px;text-align: center;}
	.faq .bg .left_box{float:none;border-right:none;}
	.faq .bg .right_box{float:none;}
	
	/* line */
	.line #contents .bg .item:nth-of-type(1) img{margin-bottom:24px;padding-top:0;}
	.line #contents .bg .box:nth-of-type(3) h3{padding-top:0;}
	/* ===== 施工の流れ ===== */
	.flow #contents .flex_box .item,.home_flow .flex_box .item{width:100%;}
}

/* iPhone 縦 */
@media screen and (max-width: 640px) {
}