@charset "UTF-8";

	
	
/* visual --------------------------------------------------------------- */
#visual,
#visual ul,
#visual ul li,
#visual p {
	height: 600px;
	}

#visual {
	margin: 0 auto 2px auto;
	position: relative;
	}
	
	#visual ul {
		position: relative;
		}
		
		#visual ul li,
		#visual p {
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			}
		
		#visual ul li#v01 {
			background-image: url(../../img/home/visual/v01.jpg);
			}
		
		#visual ul li#v02 {
			background-image: url(../../img/home/visual/v02.jpg);
			}
		
		#visual ul li#v03 {
			background-image: url(../../img/home/visual/v03.jpg);
			}
			
	#visual p {
		width: 100%;
		z-index: 99;
		background-image: url(../../img/home/visual/copy.png);
		position: absolute;
		left: 0;
		top: 0;
		}

@media screen and (max-width: 768px){
	#visual,
	#visual ul,
	#visual ul li,
	#visual p {
		height: 70vh;
		}
	
	#visual {
		margin: 60px auto 1px auto;
		}
	
		#visual ul li#v01 {
			background-image: url(../../img/home/visual/mov_v01.jpg);
			}
		
		#visual ul li#v02 {
			background-image: url(../../img/home/visual/mov_v02.jpg);
			}
		
		#visual ul li#v03 {
			background-image: url(../../img/home/visual/mov_v03.jpg);
			}
				
		#visual p {
			background-image: url(../../img/home/visual/mov_copy.png);
			}
	}



/* section1（NEWS / MESSAGE） --------------------------------------------------------------- */
#section1 {
	margin: 0 auto 2px auto;
	overflow: hidden;
	}
	
	#section1 .link {
		display: none;
		}
		
	#section1 #news,
	#section1 #message {
		width: 50%;
		box-sizing: border-box;
		}
	
	#section1 #news {
		float: left;
		padding: 50px 5%;
		background-color: #efefef;
		}
		
		#section1 #news h2 {
			font-size: 16px;
			margin-bottom: 20px;
			}
			
		#section1 #news dl {
			margin-bottom: 7px;
			font-size: 13px;
			line-height: 1.3;
			}
			
			#section1 #news dl dt {
				float: left;
				width: 120px;
				}
			
			#section1 #news dl dd {
				margin-left: 120px;
				}
				
				#section1 #news dl dd a {
					font-size: 13px;
					line-height: 1.3;
					text-decoration: underline;
					}
	
	#section1 #message {
		float: right;
		text-align: center;
		background-color: #2d4987;
		}
				
		#section1 #message .bannerTxt {
			background-image: url(../../img/common/maskB.png);
			background-position: left bottom;
			}
		
		#section1 #message .bannerImg {
			background-image: url(../../img/home/message/bg.jpg);
			}

@media screen and (max-width: 768px){
	#section1 {
		margin: 0 auto 1px auto;
		}
		
		#section1 .link {
			display: block;
			}
			
			#section1 .link a {
				color: #ffffff;
				padding: 30px 0;
				text-align: center;
				font-size: 18px;
				background-color: #e60012;
				}
	
		#section1 #news,
		#section1 #message {
			width: 100%;
			}
		
		#section1 #news {
			float: none;
			background-color: #efefef;
			}
			
		#section1 #message {
			float: none;
			}
	}



/* section2（ビジョン） --------------------------------------------------------------- */
#section2 {
	margin: 0 auto 2px auto;
	}
	
	#section2 #vision {
		background-image: url(../../img/home/vision/bg.jpg);
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		}
			
		#section2 #vision .bannerTxt {
			width: 50%;
			padding: 180px 0;
			/*background-color: #e60012;
			background-image: url(../../img/common/maskB.png);
			background-position: left bottom;*/
			}
		
		#section2 #vision .bannerImg {
			width: 50%;
			/*background-image: url(../../img/home/vision/bg.jpg);
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;*/
			}
		
@media screen and (max-width: 768px){
	#section2 {
		margin: 0 auto 1px auto;
		}
		
		#section2 #vision {
			background-image: none;
			}
				
			#section2 #vision .bannerTxt {
				float: right;
				width: 65%;
				padding: 80px 0;
				background-color: #e60012;
				background-image: url(../../img/common/maskT.png);
				}
			
			#section2 #vision .bannerImg {
				float: left;
				width: 35%;
				background-image: url(../../img/home/vision/bg.jpg);
				background-position: center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				}
	}
	
	

/* section3（仕事内容） --------------------------------------------------------------- */
#section3 {
	margin: 0 auto 2px auto;
	}
	
	#section3 #job {
		background-image: url(../../img/home/job/bg.jpg);
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		}
			
		#section3 #job .bannerTxt {
			width: 50%;
			padding: 180px 0;
			/*background-color: #00c1c1;
			background-image: url(../../img/common/maskT.png);
			background-position: right top;*/
			}
		
		#section3 #job .bannerImg {
			width: 50%;
			/*background-image: url(../../img/home/job/bg.jpg);
			background-position: center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;*/
			}
				
@media screen and (max-width: 768px){
	#section3 {
		margin: 0 auto 1px auto;
		}
		
		#section3 #job {
			background-image: none;
			}
				
			#section3 #job .bannerTxt {
				float: left;
				width: 65%;
				padding: 80px 0;
				background-color: #00c1c1;
				background-image: url(../../img/common/maskB.png);
				}
			
			#section3 #job .bannerImg {
				float: right;
				width: 35%;
				background-image: url(../../img/home/job/bg.jpg);
				background-position: center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				}
	}
	
	
				
/* section4（INTER VIEW / Q&A） --------------------------------------------------------------- */
#section4 {
	margin: 0 auto 2px auto;
	overflow: hidden;
	}
	
	#section4 #voice,
	#section4 #qa {
		width: 50%;
		box-sizing: border-box;
		}
		
		#section4 #voice {
			float: left;
			background-color: #ff6600;
			}
			
			#section4 #voice .bannerTxt {
				background-image: url(../../img/common/maskB.png);
				background-position: left bottom;
				}
			
			#section4 #voice .bannerImg {
				background-image: url(../../img/home/voice/bg3.jpg);
				}
				
		#section4 #qa {
			float: right;
			background-color: #ae79d7;
			}
			
			#section4 #qa .bannerTxt {
				background-image: url(../../img/common/maskB.png);
				background-position: left bottom;
				}
			
			#section4 #qa .bannerImg {
				background-image: url(../../img/home/qa/bg.jpg);
				}

@media screen and (max-width: 768px){
	#section4 {
		margin: 0 auto 1px auto;
		}
		
		#section4 #voice,
		#section4 #qa {
			width: 100%;
			}
			
			#section4 #voice {
				float: none;
				}
				
				#section4 #voice .bannerTxt {
					float: right;
					background-image: url(../../img/common/maskT.png);
					}
				
				#section4 #voice .bannerImg {
					float: left;
					}
					
			#section4 #qa {
				float: none;
				}
				
				#section4 #qa .bannerTxt {
					float: left;
					}
				
				#section4 #qa .bannerImg {
					float: right;
					}
	}