@charset "utf-8";

@media screen and (min-width: 751px) {

#wrapper {
	margin-bottom: 0;
	padding-bottom: 0;
}
#breadCrumb {
	margin-bottom: 0;
}

/* ancNav */
#ancNav {
	height: 45px;
	line-height: 45px;
	font-size: 90%;
}
#ancNav ul {
	width: 960px;
	margin: 0 auto;
}
#ancNav ul li {
	float: left;
	margin-right: 60px;
}
#ancNav ul li a {
	padding-left: 25px;
	background: url(../common/img/icon_arrow07.png) no-repeat left center;
}

/* sideNav */
#sideAncNav {
	position: fixed;
	right: 30px;
	top: 50%;
	margin-top: -130px;
	z-index: 10;
	display: none;
}
#sideAncNav ul li {
	margin-bottom: 10px;
	display: block;
}
#sideAncNav ul li a{
	width: 20px;
	height: 20px;
	display: block;
	background: url(../vision/img/icon_nav.png) no-repeat left top;
	text-indent: -999em;
}
#sideAncNav ul li.active a{
	background: url(../vision/img/icon_nav_active.png) no-repeat left top;
}

/* contents */
#fullContents section {
	height: 820px;
	position: relative;
}
#fullContents section .left {
	width: 50%;
	height: 820px;
	float: left;
}
#fullContents section .right {
	width: 50%;
	height: 820px;
	float: right;
}
#fullContents section .right .box {
	width: 440px;
	margin: 200px 0 0 50px;
}
#fullContents section .box h2 {
	font-size: 40px;
	font-weight: normal;
	line-height: 1.3;
}
#fullContents section .box p {
	line-height: 1.8;
	margin-bottom: 1em;
}

#fullContents #sec01 h2 img,
#fullContents #sec03 h2 img,
#fullContents #sec05 h2 img {
	opacity: 0.3;
}
#fullContents #sec01 .bgRight,
#fullContents #sec03 .bgRight,
#fullContents #sec05 .bgRight {
	position: absolute;
	top: 0;
	right: -140%;
	width: 100%;
	height: 410px;
	background: #ca3435;
	z-index: 1;
}
#fullContents #sec01 .bgRight:before,
#fullContents #sec03 .bgRight:before,
#fullContents #sec05 .bgRight:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-left: 275px solid transparent;
	border-bottom: #ca3435 410px solid;
	position: relative;
	left: -275px;
}
#fullContents #sec01 .bgLeft,
#fullContents #sec03 .bgLeft,
#fullContents #sec05 .bgLeft {
	position: absolute;
	bottom: 0;
	left: -140%;
	width: 100%;
	height: 410px;
	background: #ca3435;
	z-index: 1;
}
#fullContents #sec01 .bgLeft:before,
#fullContents #sec03 .bgLeft:before,
#fullContents #sec05 .bgLeft:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-right: 275px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: #ca3435 410px solid;
	position: relative;
	left: 100%;
}

/* section1 */
#fullContents #sec01 {
	position: relative;
	
	overflow: hidden;
}
#fullContents #sec01 .inner {
	position: relative;
	z-index: 2;
}
#fullContents #sec01 h2 {
	padding-top: 310px;
	background: none;
	text-align: center;
	
	position: relative;
}
#fullContents #sec01 h2 span {
	position: absolute;
	top: 375px;
	left: 50%;
	margin-left: -208px;
	font-size: 46px;
	font-style: oblique;
	color: #fff;
}
#fullContents #sec01 h2 b {
	position: relative;
}
#fullContents #sec01 h2 b:before {
	content: "ものづくり";
	font-size: 11px;
	position: absolute;
	top: -9px;
	left: 27px;
	letter-spacing: 0.1em;
}

/* section2 */
#fullContents #sec02 .left {
	background: url(../vision/img/img_sec2.jpg) no-repeat center center;
	background-size: cover;
}
#fullContents #sec02 .right {
	background: #efefef url(../vision/img/bg_sec2.png) no-repeat right top;
	background-size: auto 100%;
}
#fullContents #sec02 .box h2 {
	margin-bottom: 85px;
}

/* section3 */
#fullContents #sec03 {
	overflow: hidden;
}
#fullContents #sec03 h2 {
	padding-top: 310px;
	background: none;
	text-align: center;
	
	position: relative;
}
#fullContents #sec03 h2 span {
	position: absolute;
	top: 385px;
	left: 50%;
	margin-left: -102px;
	font-size: 46px;
	font-style: oblique;
	color: #fff;
}
#fullContents #sec03 .inner {
	position: relative;
	z-index: 2;
}

/* section4 */
#fullContents #sec04 {
	height: 770px;
}
#fullContents #sec04 .inner {
	position: relative;
	z-index: 2;
}
#fullContents #sec04 .left {
	background: #efefef url(../vision/img/bg_sec4.png) no-repeat left top;
	background-size: auto 100%;
	text-align: right;
	width: 100%;
	height: 770px;
}
#fullContents #sec04 .left .box {
	/*width: 440px;*/
	/*margin: 110px 50px 0 0;*/
	width: 960px;
	margin: 110px auto 50px;
	/*float: right;*/
	text-align: left;
}
#fullContents #sec04 .left .box h2 {
	margin-bottom: 65px;
	/*text-align: right;*/
	text-align: center;
}
#fullContents #sec04 .left .box p {
	font-size: 18px;
}
#fullContents #sec04 .left .box .name {
	text-align: right;
	margin-top: 2em;
	font-size: 120%;
}
#fullContents #sec04 .left .box .name img {
	margin-left: 30px;
	position: relative;
	top: -3px;
}
#fullContents #sec04 .right {
	background: url(../vision/img/img_sec4.jpg) no-repeat center center;
	background-size: cover;
}

/* section5 */
#fullContents #sec05 {
	position: relative;
	
	overflow: hidden;
}
#fullContents #sec05 .inner {
	position: relative;
	z-index: 2;
}
#fullContents #sec05 h2 {
	padding-top: 95px;
	background: none;
	text-align: center;
}
#fullContents #sec05 h2 span {
	font-size: 46px;
	font-style: oblique;
	color: #fff;
	margin-bottom: 145px;
	display: block;
}
#fullContents #sec05 .draw {
	width: 732px;
	text-align: center;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -366px;
	
	opacity: 0;
}

/* section6 */
#fullContents #sec06 {
	background: #efefef;
}
#fullContents #sec06 .inner {
	width: 960px;
	margin: 0 auto;
	padding-top: 240px;
}
#fullContents #sec06 h2 {
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}
#fullContents #sec06 p {
	font-size: 20px;
	line-height: 1.8;
}

/* section7 */
#fullContents #sec07 .left {
	background: url(../vision/img/img_sec7.jpg) no-repeat center top;
	background-size: cover;
}
#fullContents #sec07 .right {
	background-size: auto 100%;
}
#fullContents #sec07 .box h2 {
	margin-bottom: 85px;
	color: #3261b7;
	background: url(../vision/img/icon_sec7.png) no-repeat left top;
	padding-left: 100px;
	margin-bottom: 70px;
}

/* section8 */
#fullContents #sec08 .left .box {
	width: 440px;
	margin: 200px 50px 0 0;
	float: right;
	text-align: left;
}
#fullContents #sec08 .left .box h2 {
	margin-bottom: 65px;
	color: #7da224;
	background: url(../vision/img/icon_sec8.png) no-repeat left center;
	padding: 5px 0 5px 80px;
}
#fullContents #sec08 .right {
	background: url(../vision/img/img_sec8.jpg) no-repeat center center;
	background-size: cover;
	text-align: right;
}

/* section9 */
#fullContents #sec09 {
	background: #efefef url(../vision/img/bg_sec9.png) no-repeat left bottom;
}
#fullContents #sec09 .inner {
	width: 960px;
	margin: 0 auto;
	padding-top: 45px;
}
#fullContents #sec09 h2 {
	font-size: 40px;
	font-weight: normal;
	color: #ca3435;
	margin-bottom: 35px;
	text-align: center;
	background: url(../vision/img/icon_factory.png) no-repeat center top;
	padding-top: 85px;
}
#fullContents #sec09 .inner > p {
	margin-bottom: 60px;
	text-align: center;
}
#fullContents #sec09 ul li {
	width: 300px;
	float: left;
	margin-right: 30px;
}
#fullContents #sec09 ul li:last-child {
	margin-right: 0;
}
#fullContents #sec09 ul li h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 5px;
}
#fullContents #sec09 ul li img {
	margin-bottom: 10px;
}
#fullContents #sec09 ul li h4 {
	margin-bottom: 7px;
}


}