@charset "UTF-8";
@import url("../../css/common.sp02.css");

/* ---------------------------------------------------------
	CSS Document main
--------------------------------------------------------- */

#main {
	height: 82vw;
	overflow: hidden;
	margin-top: 44px;
	margin-bottom: 10vw;
	padding-top: 9vw;
	background: rgb(31, 45, 58);
	color: #fff;
	position: relative;
	z-index: 0;
}

#main figure {
	width: 2000px;
	height: 82vw;
	overflow: hidden;
	margin: 0;
	padding: 0;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
}

#main figure img {
	height: 82vw;
}

#main .title {
	margin-bottom: 1vw;
}

#main .title img {
	height: 13vw;
}

#main .sub_title {
	margin-bottom: 5vw;
}

#main .sub_title img {
	height: 8.5vw;
}

#main p {
	margin: 0 10vw;
	padding: 5vw;
	background: rgba(0, 0, 0, 0.4);
	text-align: justify;
	/* font-weight: bold; */
	font-size: 3.5vw;
	line-height: 1.5;
}

/* ---------------------------------------------------------
	CSS Document future
--------------------------------------------------------- */

#future {
	overflow: hidden;
	padding: 0 5vw;
}

#future .h2 {
	margin-bottom: 6vw;
	padding-bottom: 4vw;
	background: url(../images/bg_line.png) repeat-x bottom / 4px auto;
	text-align: center;
	font-size: 5vw;
	line-height: 1.4;
	position: relative;
}

#future .h2:after {
	content: '';
	width: 15vw;
	height: 5px;
	background: #ff4500;
	position: absolute;
	bottom: 0;
	left: 0;
}

#future .h2 span {
	font-size: 7vw;
	color: #ff4500;
}

#future .summary {
	margin-bottom: 2em;
	text-align: justify;
	font-size: 3.5vw;
	line-height: 1.9;
}

#future .visual {
	height: 26vw;
	margin: 0 -5vw 15vw;
	font-size: 0;
	position: relative;
}

#future .visual .pic {
	width: 1536px;
	height: 26vw;
	overflow: hidden;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}

#future .visual .pic img {
	height: 26vw;
}