.underMv {
	height: 560px;
	background:url(../img/pc/mv.jpg) no-repeat center 24%;
	background-size: cover;
}
	.underMv .tips {
		max-width: 610px;
		height: 240px;
	}

#future {
    padding-top: 100px;
    padding-bottom: 120px;
}
	.figureBox {
	    margin-top: 60px;
	}
		.figureBox figure {
			margin-bottom: 40px;
			position: relative;
		}
		.figureBox figure figcaption {
			position: absolute;
			left: 0;
			bottom: 0;
			background:rgba(0,0,0,.6);
			color: #fff;
			padding: 0 8px;
			font-size: 10px;
		}
		.figureBox .tips {
		    background: #586d8b;
		    color: #fff;
		    padding-top: 30px;
		    padding-bottom: 30px;
		}
			.figureBox .tips h4 {
				width: 93%;
				font-size: 24px;
				padding-bottom: 17px;
			    margin-right: auto;
			    margin-left: auto;
			    letter-spacing: 6px;
			}
			.figureBox .tips p {
				width: 93%;
				margin-right: auto;
			    margin-left: auto;
		        line-height: 2.3;
			}

#project {
	padding-bottom: 100px;
}
	.lists {
	}
		.lists ul li {
			width: 32.3%;
			max-width: 310px;
			float: left;
		}
		.lists ul li + li {
			margin-left: 1.55%;
		}
			.lists ul li .photo {
				margin-bottom: 10px;
			}
			.lists ul li p {
				font-size: 12px;
				line-height: 1.5;
			}
			.lists ul li p span {
				display: block;
				font-size: 10px;
			}
			.lists ul li .photo{
				position: relative;
			}
				.lists ul li .photo p.p_Cap{
					position: absolute;
					right: 0;
					bottom: 0;
					background:rgba(0,0,0,.6);
					color: #fff;
					padding: 0 8px;
					font-size: 10px;
					line-height: 180%;
				}

	.ongoingList {
	    margin-top: 60px;
	}

#linear {
	padding-bottom:100px;
}
	.terminalList {
	    margin-top: 60px;
	}


@media screen and (max-width: 768px) {
	.inner{
		width: 87.5%;
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}
	.underMv {
		height: 600px;
		background:url(../img/sp/mv.jpg) no-repeat top center;
	    background-size: cover;
	}
		.underMv .tips {
			max-width: 640px;
			height: 300px;
		}

	#future {
	    padding-top: 30px;
	    padding-bottom: 35px;
	}
		.figureBox {
		    margin-top: 20px;
		}
			.figureBox figure {
				margin-bottom: 30px;
			}
			.figureBox figure .plusBtn {
				left: 0;
				right: inherit;
			}
			.figureBox .tips {
			    padding-top: 30px;
			    padding-bottom: 30px;
			}
				.figureBox .tips h4 {
				    width: 94%;
				    font-size: 16px;
				    padding-bottom: 15px;
				    margin-right: auto;
				    margin-left: auto;
				    letter-spacing: 2px;
				    text-align: center;
				}
				.figureBox .tips p {
				    width: 94%;
				    font-size: 12px;
				    margin-right: auto;
				    margin-left: auto;
				    line-height: 2.18;
				}

	#project {
		padding-bottom: 30px;
	}
		.lists {
		}
			.lists ul li {
				width: 100%;
			    max-width: 310px;
			    margin-right: auto;
			    margin-left: auto;
				float: none;
				margin-bottom: 30px;
			}
			.lists ul li + li {
				margin-left: auto;
			}
				.lists ul li .photo {
					margin-bottom: 10px;
				}
				.lists ul li p {
					font-size: 12px;
					line-height: 1.5;
				}
				.lists ul li p span {
					display: block;
					font-size: 10px;
				}

		.ongoingList {
		    margin-top: 30px;
		}

	#linear {
		padding-bottom:10px;
	}
		.terminalList {
		    margin-top: 30px;
		}

}

@media screen and (max-width: 420px) {
	.underMv {
		height: 300px;
	}
	.underMv .tips {
		height: 178px;
	}

}

@media screen and (max-width: 320px) {
	.underMv .tips {
		height: 178px;
	}
}