@charset "utf-8";

/* --------------------------------------------------
	基本
-------------------------------------------------- */

#wrap{
	border-top: 3px solid #1f2c5c;
}
.ttlBg{
	background: #1f2c5c;
}

/*見出し*/
h2.ttl01{
	border-top: #1f2c5c 2px solid;
}
h2.ttl02:after {
	border-bottom: #1f2c5c 3px solid;
}

/*お問い合わせボックス*/
.inquiryBox{
	border: #1f2c5c 1px solid;
}

/*----------------header----------------*/
header p.logo img{
	width: 200px;
	height: auto;
}

/*----------------footer----------------*/
.footer02{
	background: #1f2c5c;
}
/* --------------------------------------------------
	/基本
-------------------------------------------------- */




/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
.mainVisual01{
	background: url(../images/top/main_v01.jpg) no-repeat;
}
.mainVisual02{
	background: url(../images/top/main_v02.jpg) no-repeat;
}
.mainVisual03{
	background: url(../images/top/main_v03.jpg) no-repeat;
}
.prListTtl:first-letter{
	color: #1f2c5c;
}
.prListTtl span{
	font-size: 2em;
	color: #1f2c5c;
}
.mainVisualSubTxtSub{
	text-align: right;
	display: block;
}
/* --------------------------------------------------
	/トップページ
-------------------------------------------------- */




/* --------------------------------------------------
	サイトマップ
-------------------------------------------------- */

/* --------------------------------------------------
	/サイトマップ
-------------------------------------------------- */




/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */
.privacyTtl{
	border-top: solid 2px #1f2c5c;
}
/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */




/* --------------------------------------------------
	詳細ページ
-------------------------------------------------- */
.blue{
	color: #1f2c5c;
	font-weight: bold;
}
.red{
	color: red;
	font-weight: bold;
}
.orange{
	color: darkorange;
	font-weight: bold;
}
/* --------------------------------------------------
	/詳細ページ
-------------------------------------------------- */

/* 20210618 追記 */

/* --------------------------------------------------
	山崎新田慈悲尾線　舗装工事のお知らせ
-------------------------------------------------- */
.sign_cotent_top{
	margin-bottom: 20px;
}

.sign_cotent_top p{
	font-size: 20px;
	float: none;
}


.sign_cotent_top img{
	float: right;
	width: 10%;
}

.sign_cotent_top h2{
	float: left;
	width:90%;
}

.koji_content_inner{
	margin-left: 9.4em;
	margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
	.koji_content_inner{
		margin-left: 0;
	}
}

.koji_content_address{
	margin-left: 5em;
	margin-bottom: 24px;
}

.koji_content {
	margin-bottom: 24px;
}

.koji_content p{
	margin-bottom: 0;
}

.koji_content_address p{
	margin-bottom: 0;
}

.sign_content_bottom{
	background-color: rgb(255, 216, 143);
	padding:20px;
}

.sign_content_bottom img{
	float: left;
	width: 60px;
	padding: 10px;
}

.sign_content_bottom p{
	font-size: 20px;
	font-weight: bold;
}

.tel_content p{
	margin-bottom: 0;
}

.koji_info{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none !important;
}
.koji_info a:hover{
	text-decoration: underline !important;
}

/* --------------------------------------------------
	山崎新田慈悲尾線　舗装工事のお知らせ
-------------------------------------------------- */

/* 20210618 追記 */

/*↓工事情報のページに関するCSSを整理による新CSS↓*/


/* --------------------------------------------------
	/工事情報　20221003追記
-------------------------------------------------- */
.construction_info{
	margin-bottom: 20px;
}

.construction_info h2{
	width: 90%;
}

.construction_info img{
	float: right;
	width: 10%;
}

.construction_info_lead1{
	font-size: 30px!important;
	font-weight: 700;
	float: none;
}

.construction_info_lead2{
	font-size: 25px!important;
}

.construction_info_content_period{
	font-size: 25px!important;
	margin-bottom: 0!important;
}

.construction_info_content_inner{
	margin-left: 5em;
	margin-bottom: 24px;
	font-size: 25px!important;
}

.construction_info_content .gMap{
	margin: 20px 0;
}

.construction_info_content h3{
	font-size: 28px;
    font-weight: bold;
    margin: 20px 0 10px;
}

.construction_info_content_other{
	font-size: 20px!important;
}

/*工事が終わった場合、下記のクラスを追加*/

.construntion_end{
	color: #0095d9;
}

.period_end{
	font-weight: bold;
}

/*ここまで*/