@charset "utf-8";


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


.main {
	margin-bottom: 200px;
}

/* *** 全体工程スケジュール *** */
.main .overall_process {
	margin-top: 110px;
}

.main .overall_process_box {
	max-width: 1345px;
	width: 90%;
	margin: auto;
	margin-top: 120px;
}

.main .overall_process_img {
	width: 100%;
}
.main .overall_process_img img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}

/* *** 月間工程スケジュールと週間工程スケジュールで共有 *** */
.main .process_box {
	margin-top: 35px;
}

.main .process_link {
	text-align: center;
}
.main .process_link a {
	color: #036eb8;
	font-family: "小塚ゴシック Pr6N R", "Kozuka Gothic Pr6N R", sans-serif;
	font-size: 20px;
	line-height: 24px;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

/* *** 月間工程スケジュール *** */
.main .monthly_process {
	margin-top: 150px;
}


/* *** 週間工程スケジュール *** */
.main .weekly_process {
	margin-top: 100px;
}


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

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

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

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

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

	.main {
		margin-bottom: 100px;
	}

	.main .overall_process,
	.main .monthly_process,
	.main .weekly_process {
		margin-top: 60px;
	}

	.main .overall_process_box,
	.main .process_box {
		margin-top: 20px;
	}
	.main .overall_process_img {
		height: 500px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.main .overall_process_img::-webkit-scrollbar {
		height: 5px;
	}
	.main .overall_process_img::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.main .overall_process_img::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}
	.main .overall_process_img img {
		width: auto;
		height: 100%;
	}

	.main .process_link a {
		font-size: 18px;
		line-height: 20px;
	}
}

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

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