@charset "utf-8";
#header_title { max-width: 2400px; min-width: 1400px; margin: 0 auto;}
.head_title { display: inline-block; font-size: 30px; color: #088f5e; line-height: 110px; padding: 0 50px; background: #fff;}
/*工事進捗記録*/
.schedule { width: 100%; margin: 50px 0 0 0; }
.schedule img { width: 100%; height: auto; text-align: center;}
.junbi { color: #fff; background: #929292; padding: 2px 5px 5px; width: 20%; text-align: center; margin: 0 auto;}
#kiroku { margin-top: 100px; margin-bottom: 100px;}
.kiroku_box { width: 1000px; margin: 0 auto;}
/*工事進捗状況公開*/
.btn_area { display: flex; flex-wrap: wrap; justify-content:flex-start;}
.btn_ichiran { width: 186px; height: 46px; line-height: 45px; margin: 20px 5px 0 5px; text-align: center; color: #fff; font-weight: bold; background: #088f5e url("../img/arrow.png")no-repeat 96% center; border-radius: 25px;}
.btn_ichiran a { display: block; color: #fff;  margin-right: 10px; text-decoration: none; font-size: 18px; }
.btn_ichiran a:hover{ opacity: 0.8;}
.nen_title { width: 100%; line-height: 30px; margin: 50px 0 0 0; font-size: 26px; font-weight: bold; border-left: solid 9px #088f5e; padding: 0 0 0 16px;}
.koiji_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.koiji_list li { width : 320px; margin: 20px 0 0; font-size: 15px;}
.koiji_list li a{ display: inline-block; position: relative;}
.koiji_list li a:hover{ opacity: 0.8; display: inline-block; position: relative;}
.koiji_list li a::after{ 
	content: url(../img/ico_btn.png);
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 10px;}
.koiji_list li img{ border: solid 5px #098f5d; box-sizing: border-box; width: 100%; height: auto;}

@media screen and (max-width: 768px) {
	#header_title { max-width: none; min-width: auto; margin: 0;}
	.head_title { font-size: 25px; line-height: 80px; padding: 0 30px;}
	/*工事進捗記録*/
	#kiroku { margin-top: 50px; margin-bottom: 50px;}
	.kiroku_box { width: 100%;}
	.kiroku_title { }
	/*工事進捗状況公開*/
	.btn_ichiran { min-width: 200px; width: 300px; margin: 20px auto 0 auto; }
	.koiji_list { justify-content:space-around; gap: 0 10px;}
	.koiji_list li { width: 280px;}
	.koiji_list img { width: 100%; height: auto;}
}