@charset "utf-8";


.pc_header .progress {
	background: #0e7a65;
}
.pc_header .progress:hover,
.pc_header .progress:active:hover {
	background: #77b4a8;
}
.pc_header .progress p {
	color: #fff;
}


.main {
	margin-bottom: 160px;
}

.main .construction_progress {
	margin-top: 110px;
}
.main .construction_progress_box {
	margin-top: 110px;
}
.main .progress_calendar {
	max-width: 920px;
    width: 85%;
	margin: auto;
}
.main .calendar_date {
	list-style: none;

	color: #040000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 18px;
	line-height: 20px;
}
.main .previous_year,
.main .now_year,
.main .month_list {
	float: left;
}
.main .following_year {
	float: right;
	text-align: right;
}

.main .previous_year,
.main .following_year {
	width: 100px;

	color: #6c645e;
}
.main .now_year {
	width: 120px;

	font-size: 25px;
	line-height: 20px;
}
.main .month_list {
	width: calc(100% - 320px);
}
.main .month_list ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between;

	list-style: none;
}
.main .month_list .month {
	display: block;
	text-align: center;
}
.main .month.active {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-weight: bold;
}

.main .disp_date {
	margin-top: 15px;
	padding: 5px 0;
	text-align: center;
	background: #0e7a65;
}
.main .disp_date p {
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 18px;
	line-height: 20px;
}

.main .progress_list {overflow: hidden;}
.main .progress_list_box {
	display: block;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between;

	list-style: none;
}
.main .progress_list_box li {
	display: block;
	width: 30%;
	float: left;
    margin-right: 5%;
	margin-top: 25px;
}
.main .progress_list_box li:nth-child(3n) {
    margin-right: 0;
}
.main .progress_img,
.main progress_date {
	width: 100%;
}
.main .progress_img img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}
.main .progress_date {
	margin-top: 10px;
	padding: 0 5px;

	color: #040000;
	font-family: "小塚ゴシック Pr6N R", "Kozuka Gothic Pr6N R", sans-serif;
	font-size: 13px;
	line-height: 21px;
}

.main .notice_list_box {
	margin-top: 80px;
}
.main .construction_report_title {
	color: #ea9315;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: 600;
}
.main .notice_list {
	margin-top: 20px;
}


/* *** IE用 *** */
@media all and (-ms-high-contrast: none) {
	.main .progress_date {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	}
}

/* *** Edge用 *** */
@supports (-ms-ime-align: auto) {
	.main .progress_date {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	}
}

/* *** レスポンシブ *** */
@media screen and (max-width: 920px) {
	.main .now_year {
		width: calc(100% - 200px);
		text-align: center;
	}
	.main .month_list {
		display: block;
		margin-top: 10px;
		width: 100%;
	}
}

/* スマホレイアウトに切り替え */
@media screen and (max-width: 900px) {
}

/* iPad */
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 750px) {
	.main .progress_list_box li {
		width: 42%;
	}
}

/* iPhone6/7/8 Plus */
@media screen and (max-width: 480px) {

	.main {
		margin-bottom: 100px;
	}

	.main .construction_progress,
	.main .notice_list_box {
		margin-top: 60px;
	}

	.main .construction_progress_box {
		margin-top: 20px;
	}

	.main .month_list .month {
		padding-top: 5px;
		width: 16%;
	}
	.main .progress_list_box li {
		width: 100%;
	}

}

/* iPhone6/7/8/X */
@media screen and (max-width:375px) {
}

/* iPhone5 */
@media screen and (max-width:320px) {
}