@charset "utf-8";

/* common
-------------------------- */
.page_title {
/*	background: repeat-x url("../img/fbg_1Ba.png"); */
	background: -moz-linear-gradient(bottom, #DCDCDC, #FFF);
	background: -webkit-linear-gradient(bottom, #DCDCDC, #FFF);
	background: linear-gradient(to top, #DCDCDC, #FFF);
	margin-bottom: 20px;
	padding: 10px;
}
	.page_title h1 {
		padding: 12px 0 2px 0;
		margin: 0;
		font-size: 1.3em;
		font-weight: bold;
		font-family: Century, "HG明朝B" , "ＭＳ 明朝" , "MS 明朝" ,HeiseiMincho, 'Hiragino Mincho Pro' , 'MS Mincho' ,serif;
	}
	.page_title span.sub_title {
		font-size: 0.6em;
		color: #3179E9;
		font-weight: bold;
	}

h2.title {
	font-size: 1em;
	border-bottom: solid 3px #2158E0;
	font-weight: bold;
	font-family: Century, "HG明朝B" , "ＭＳ 明朝" , "MS 明朝" ,HeiseiMincho, 'Hiragino Mincho Pro' , 'MS Mincho' ,serif;
}


/* header
-------------------------- */
header {
	background: #fff;
}
#nav_area .nav_style {
	padding: 0px;
}
#nav_area .navbar-toggler {
	font-size: 1em;
}
.logo {
	width: 40%;
}

/* nav
-------------------------- */
#nav_area  {
}
	#nav_area ul.navbar-nav {
	}
	#nav_area ul.navbar-nav li {
		border-left: 6px solid #2158E0;
		background: #eee;
		padding: 4px 10px;
		margin-bottom: 4px;
	}
		#nav_area ul.navbar-nav li a.nav-link {
			color: #333;
			padding: 4px;
		}

/* main
-------------------------- */
.intro {
	margin: 10px 0;
	padding: 10px;
}
.intro h1 {
	font-size: 1.3em;
}

/* topics
-------------------------- */
.content_box {
	padding: 0 0 10px 0;
	margin: 0 auto 20px auto;
}
	.topics ul {
		padding: 0;
	}
		.topics ul li {
			padding: 0;
			margin: 0 0 6px 0;
			border-bottom: solid 1px #ddd;
			list-style: none;
		}
		.topics ul li::before {
			font-family: "Font Awesome 5 Free";
			content: '\f0da';
			font-weight: 900;
			color: #3C3C3C;
			padding-right: 4px;
		}
	.news dl {
		padding: 0;
	}
		.news dl dt {
			padding: 0;
			margin: 0 0 6px 0;
			color: #0098E5;
		}
		.news dl dd {
			padding: 0;
			margin: 0 0 6px 0;
			border-bottom: solid 1px #ddd;
		}
		.news dl dt::before {
			font-family: "Font Awesome 5 Free";
			content: '\f0da';
			font-weight: 900;
			color: #3C3C3C;
			padding-right: 4px;
		}

/* 会社概要
-------------------------- */
ol.vision {
	padding: 10px 24px;
}
	ol.vision li {
		padding-bottom: 6px;
	}
	.history dl {
		padding: 6px;
	}
		.history dl dt {
			padding: 0;
			margin: 0 0 3px 0;
			color: #0098E5;
		}
		.history dl dd {
			padding: 0 0 3px 0;
			margin: 0 0 12px 0;
			border-bottom: solid 1px #ddd;
		}
		.history dl dt::before {
			font-family: "Font Awesome 5 Free";
			content: '\f0da';
			font-weight: 900;
			color: #3C3C3C;
			padding-right: 4px;
		}

/* 事業内容
-------------------------- */
.section_box {
	padding: 10px 0;
}
	.section_box h3.section {
		font-size: 1.1em;
		font-weight: bold;
		color: #1F6FE7;
	}
	.section_box .section_img {
		padding: 10px 0;
	}

/* 施工実績
-------------------------- */
h3.common_list_title {
	background: #CDDFFA;
	padding: 8px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1em;
}
ul.common_list {
	padding-left: 6px;
}
	ul.common_list li {
		list-style: none;
		border-bottom: solid 1px #ccc;
		padding: 6px 0;
	}
.community_box {
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
}
.content_img {
	padding-bottom: 10px;
}
p.content_text {
	padding: 10px 0;
}

/* お問い合わせ
-------------------------- */
.contact_list {
	padding-bottom: 20px;
}

/* footer
-------------------------- */
.pageup {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.footer_about {
	padding: 10px 0;
}
	.footer_about p {
		padding:0;
		font-size: 0.8em;
	}
.copyright {
	padding: 8px;
	font-size: 0.8em;
}