.mainVis{
	background:url(../img/vis01.jpg) no-repeat;
	background-size:cover;
}

/*--Vision--*/
h2.vision { font-size:44px; line-height:1.6em; }
.titlevision { width:6.45%; margin:0 auto 20px; }
.textvision { margin:0 0 20px; color:#eb5c01; }

/*--Slogan--*/
.slogan { background:url(../img/vis02.jpg) no-repeat; background-position:center; background-size:cover; }
.titleslogan { width:7.23%; margin:0 auto 20px; }
.textslogan {  margin:0 0 20px; color:#fff; }
.slogan div { padding:0; font-family:serif; color:#fff; }
.slogan div span { font-size:34px; }

/*--Advantage--*/
h2.missiontit { margin:0 auto 50px; }
h2 img { margin:0 0 5px; }

div.missiontxt { font-size:20px; }
div.missiontxt span { font-size:28px; color:#eb5c01; }
h2.mission_lasttxt { font-size:34px; line-height:2.6em; }
h2.mission_lasttxt span { font-size:52px; color:#eb5c01; }

.titleadvantage { width:12.34%; margin:0 auto 20px; }
.textadvantage { margin:0 0 20px; color:#eb5c01; }
.arrow { margin:0 auto; width:1.2%; }
div.innov01 { margin:0 0 50px 0; font-family:serif; }
div.innov01 img { margin:0 0 5px; width:2.6%; }
div.innov01 span { color:#eb5c01; }
div.innov02 { margin:0 0 50px 0; font-family:serif; }
div.innov02 img { margin:0 0 5px; width:3.22%; }
div.innov02 span { color:#eb5c01; }
div.innov03 { padding:0; font-family:serif; }
div.innov03 img { margin:0 0 5px; width:3.28%; }
div.innov03 span { color:#eb5c01; }
.advantage01 { width:14.68%; }
.advantage02 { width:13.54%; }
.advantage03 { width:13.28%; }
div.architect { padding:0; font-family:serif; }
.inovation { width:30.4%; }
.branding { width:29.8%; }
.jiseki { width:46.6%; }

/*--Attitude--*/
.attitude { background:url(../img/vis03.jpg) no-repeat; background-size:cover; background-position:center; }
.titleattitude { width:8.9%; margin:0 auto 20px; }
.textattitude { margin:0 0 20px; color:#fff; }
.attitude div { max-width:1000px; margin:0 auto; padding:0; color:#fff; font-weight:normal; line-height:2.4em; font-family:serif; }


.listOrange{
	margin:0 auto 100px;
	padding:40px 0;
	background:#EB5C01;
}
.listOrange li{
	display:inline-block;
	width:25%;
	max-width:250px;
	font-size:20px;
	font-weight:600;
	line-height:1.3;
	border-left:1px dashed #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	color:#fff;
}
.listOrange li:last-child{
	border-right:1px dashed #fff;
}


/*-------for タブレット---------*/
@media screen and (max-width: 770px) {
	.mainVis { background:url(../img/vis01.jpg) no-repeat; background-position:center; background-size:cover; }
	
	/*--Vision--*/
	h2.vision { font-size:4.8vw; line-height:1.6em; }
	.titlevision { width:16.5%; margin:0 auto 20px; }
	.textvision { margin:0 0 20px; color:#eb5c01; }
	
	/*--Slogan--*/
	.slogan { background:url(../img/vis02.jpg) no-repeat; background-position:center; background-size:cover; }
	.titleslogan { width:18.4%; margin:0 auto 20px; }
	.textslogan {  margin:0 0 20px; color:#fff; }
	.slogan div { padding:0 0 50px; font-family:serif; color:#fff; }
	.slogan div span { font-size:32px; }
	
	/*--Advantage--*/
	h2.missiontit { margin:0 auto 20px; }
	
	div.missiontxt { font-size:2.8vw; }
	div.missiontxt span { font-size:3.2vw; color:#eb5c01; }
	h2.mission_lasttxt { font-size:3.4vw; line-height:2.2em; }
	h2.mission_lasttxt span { font-size:4.6vw; color:#eb5c01; }
	
	.titleadvantage { width:31.6%; margin:0 auto 20px; }
	.textadvantage { margin:0 0 20px; color:#eb5c01; }
	.arrow { margin:0 auto 50px; width:4%; }
	div.innov01 { margin:0 10px 50px; font-family:serif; }
	div.innov01 img { margin:0 0 5px; width:6.6%; }
	div.innov02 { margin:0 10px 50px; font-family:serif; }
	div.innov02 img { margin:0 0 5px; width:8.26%; }
	div.innov03 { padding:0 10px 100px; font-family:serif; }
	div.innov03 img { margin:0 0 5px; width:8.4%; }
	.advantage01 { width:37.6%; }
	.advantage02 { width:34.6%; }
	.advantage03 { width:34%; }
	div.architect { padding:0 10px 50px; font-family:serif; }
	.inovation { width:57.9%; }
	.branding { width:66.2%; }
	.jiseki { width:83.8%; }
	
	/*--Attitude--*/
	.attitude { background:url(../img/vis03.jpg) no-repeat; background-position:center; background-size:cover; }
	.titleattitude { width:22.8%; margin:0 auto 20px; }
	.attitude div { max-width:700x; margin:0 auto; padding:0 10px 50px; color:#fff; font-weight:normal; line-height:2.4em; font-family:serif; }
	
	.listOrange{
		display:flex;
		flex-wrap:wrap;
		padding:20px 0;
	}
	.listOrange li{
		display:initial;
		width:50%;
		max-width:50%;
		padding:20px 0 20px 0;
		font-size:4vw;
	}
	.listOrange li:nth-of-type(1),.listOrange li:nth-of-type(2){
		border-bottom:1px dashed #fff;
	}
}


/*-------for SP---------*/
@media screen and (max-width: 420px) {
	.mainVis { background:url(../img/vis01.jpg) no-repeat; background-position:center; background-size:cover; }
	
	/*--Vision--*/
	h2.vision { font-size:6vw; line-height:1.6em; }
	.titlevision { width:16.5%; margin:0 auto 20px; }
	.textvision { margin:0 0 20px; color:#eb5c01; }
	
	/*--Slogan--*/
	.slogan { background:url(../img/vis02.jpg) no-repeat; background-position:center; background-size:cover; }
	.titleslogan { width:18.4%; margin:0 auto 20px; }
	.textslogan {  margin:0 0 20px; color:#fff; }
	.slogan div { padding:0 0 50px; font-family:serif; color:#fff; }
	.slogan div span { font-size:32px; }
	
	/*--Advantage--*/
	h2.missiontit { margin:0 auto 20px; }
	
	div.missiontxt { font-size:16px; }
	div.missiontxt span { font-size:18px; color:#eb5c01; }
	h2.mission_lasttxt { font-size:20px; line-height:2.6em; }
	h2.mission_lasttxt span { font-size:30px; color:#eb5c01; }
	
	.titleadvantage { width:31.6%; margin:0 auto 20px; }
	.textadvantage { margin:0 0 20px; color:#eb5c01; }
	.arrow { margin:0 auto 50px; width:4%; }
	div.innov01 { margin:0 10px 50px; font-family:serif; }
	div.innov01 img { margin:0 0 5px; width:6.6%; }
	div.innov02 { margin:0 10px 50px; font-family:serif; }
	div.innov02 img { margin:0 0 5px; width:8.26%; }
	div.innov03 { padding:0 10px 100px; font-family:serif; }
	div.innov03 img { margin:0 0 5px; width:8.4%; }
	.advantage01 { width:37.6%; }
	.advantage02 { width:34.6%; }
	.advantage03 { width:34%; }
	div.architect { padding:0 10px 50px; font-family:serif; }
	.inovation { width:77.9%; }
	.branding { width:76.2%; }
	.jiseki { width:83.8%; }
	
	/*--Attitude--*/
	.attitude { background:url(../img/vis03.jpg) no-repeat; background-position:center; background-size:cover; }
	.titleattitude { width:22.8%; margin:0 auto 20px; }
	.attitude div { max-width:700x; margin:0 auto; padding:0 10px 50px; color:#fff; font-weight:normal; line-height:2.4em; font-family:serif; }
	
	.listOrange{
		display:flex;
		flex-wrap:wrap;
		padding:20px 0;
	}
	.listOrange li{
		display:initial;
		width:50%;
		max-width:50%;
		padding:20px 0 20px 0;
		font-size:4vw;
	}
	.listOrange li:nth-of-type(1),.listOrange li:nth-of-type(2){
		border-bottom:1px dashed #fff;
	}
	}