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

/* **********************************************************
	SSスチール開発 CSS ※グループトップCSS読込前提
********************************************************** */


/* グローバルカラー変更
--------------------------------------------------------------- */

#g_header nav,
#g_header > .inner,
.btn_type1,
.btn_type1:after,
.top_about_area li a,
#g_footer,
#g_footer li.on a,
#g_footer li a:hover,
#g_header .g_menu > li > a:after,
#g_header .g_menu .open_flg + ul > li a:before,
#g_header .g_sub_menu,
#g_footer .totop a,
#g_footer .totop a:after,
.bg_arrow_r:after,
.bg_arrow_r:hover:after,
.btn_type2,
.btn_type2:after,
.top_news_area.style_group_company .pagenavi a,
.h_type2,
.news_single a,
.back_btn a,
.outline_area .title,
.outline_area .btn{
	border-color:#D4782C;
}

.h_type1 span:before,
.h_type1 span:after,
.btn_type1:hover,
#g_header .g_menu > li > a:before,
#g_footer .totop a:hover,
.breadcrumb,
.sp_menu_btn .btn span,
.sp_menu_btn .btn:before,
.sp_menu_btn .btn:after,
.btn_type2:hover,
.news_single .date,
.outline_area .detail th span,
.dl_type1 > dt span:before,
.dl_type1 > dt span:after{
	background-color:#D4782C;
}

.top_about_area li a:hover{
	background-color:#EBC5A5;
}

#g_header .g_sub_menu li.s_access a{background-image:url(../../img/kaihatsu/common/ic_access.png);}
#g_header .g_sub_menu li.s_contact a{background-image:url(../../img/kaihatsu/common/ic_contact.png);}


.btn_type2:hover{
	color:#FFF;
}

.btn_type2:hover:after{
	border-color:#fff;
}

.contact_box th,
.top_news_area.style_group_company .pagenavi a,
.news_single a,
.back_btn a,
.outline_area .btn,
.dl_type2 dt{color:#D4782C;}

.contact_box,
.top_news_area.style_group_company .pagenavi a:hover,
.top_news_area.style_group_company .pagenavi a.current,
.back_btn a:hover,
.outline_area .btn:hover{background-color:#FBF1E9;}

.contact_box h3{background-image:url(../../img/kaihatsu/common/ic_contact.png);}

.news_single .link{background-image:url(../../img/kaihatsu/common/ic_arrow.png);}

.news_single .dl{background-image:url(../../img/kaihatsu/common/ic_dl.png);}


/* 2020 - 追加
--------------------------------------------------------------- */

/* 土木 */

.doboku-photo-list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:1em;
}

.doboku-photo-list li{
	width:calc(25% - 10px);
}


/* 採石 */

.quarry-wrapper{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.quarry-wrapper .txt{
	width:560px;
}

.quarry-wrapper .img{
	width:400px;
	line-height:1.3;
}

.quarry-wrapper .img ol{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.quarry-wrapper .img ol li{
	width:calc(50% - 10px);
	margin-bottom:10px;
}

.quarry-wrapper .img ol li:first-child{
	width:100%;
}

.quarry-wrapper .img img{
	width:100%;
}

.quarry-wrapper .img dl{
	position:relative;
	padding-left:1.5em;
	margin:.2em 0 0;
}

.quarry-wrapper .img dt{
	font-weight:bold;
	margin-bottom:.1em;
}

.quarry-wrapper .img dd{
	font-size:.8em;
}


/* 不動産賃貸事業 */

.realestate-business{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	line-height:1.4;
}

.realestate-business div{
	margin:0 15px;
}

.realestate-business dt{
	font-weight:bold;
	margin:.8em 0 .1em;
}

.realestate-business dd{
	font-size:.8em;
}


/* 保有車両 */

.equipment-main-photo{
	margin-bottom:10px;
}

.mcn-list{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;	
}

.mcn-list ul{
	margin:0 25px;
}

.mcn-list ul:not(:last-child){
	margin-bottom:20px;
}

.mcn-list li{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align:left;
}

.mcn-list li .name:before{
	position:relative;
	content:"・";
}

.mcn-list li .name + span{
	padding-left:1em;
}


@media screen and (max-width:640px){
	
	.doboku-photo-list li{
		width:calc(50% - 5px);
		margin-bottom:10px;
	}
	
	.doboku-photo-list li img{
		width:100%;
	}
	
	.quarry-wrapper .txt,
	.quarry-wrapper .img{
		width:100%;
	}
	
	.quarry-wrapper .img ol li{
		width:calc(50% - 5px);
	}
	
	.quarry-wrapper .txt{
		margin-bottom:1em;
	}
	
	.realestate-business{
		display:block;
	}
	
	.realestate-business div:first-child{
		margin-bottom:1.5em;
	}
							
}