@charset "utf-8";

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#mv{
	padding:3vw 0 6vw;
	background:url(../img/top/bg_main_001.jpg) no-repeat center center / cover;
	text-align:center;
}
#mv .mv-copy{
	font-family: "Hannari", serif;
	font-size: 1.7vw;
	line-height:1.6;
	margin-bottom:0.5vw;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
#mv .mv-logo{
	width:42%;
	margin: 0 auto;
}

/* +++++++++++++++++++++++++ */

#top-lead{
	padding:50px 0;
	text-align:center;
	font-family: "Hannari", serif;
	font-size:46px;
	line-height:1.6;
	margin-bottom:0.5vw;
}

/* +++++++++++++++++++++++++ */

#greeting{
	margin-bottom:130px;
	position:relative;
	background:url(../img/top/greeting_ph_001.jpg) no-repeat left top / 50% auto;
}
#greeting .content-area{
	max-width:1200px;
	padding-left:650px;
	line-height:1.6;
	
}
#greeting .greeting-ttl{
	font-family: "Hannari", serif;
	font-size:36px;
	line-height:1.6;
	margin-bottom:20px;
}
#greeting .logo{
	width:150px;
	float:right;
	margin-left:10px;
}

/* +++++++++++++++++++++++++ */

#csr{
	margin-bottom:100px;
	border-top: solid 12px #4DBBAA;
	padding-top:130px;
}

#csr .csr-list{
}
#csr .csr-list li{
	width:48%;
	margin-right:4%;
	padding:40px 50px;
	margin-bottom:50px;
	border-radius:20px;
	background:#BDE1D6;
}
#csr .csr-list li:nth-child(2n){
	margin-right:0;
}

/* +++++++++++++++++++++++++ */

#ota{
	margin-bottom:100px;
	border-top: solid 12px #4DBBAA;
	padding-top:130px;
}
#ota .logo{
	max-width:890px;
	margin: 0 auto;
}

/* +++++++++++++++++++++++++ */

#company{
	margin-bottom:100px;
}
#company .company-data{
	width:100%;
	border-collapse:collapse;
}
#company .company-data th,
#company .company-data td{
	padding:0 5px;
	border-bottom: solid 1px #009E96;
	
}
#company .company-data th{
	width:20%;
	text-align:justify;
	text-align-last:justify;
}
#company .company-data td{
	width:80%;
	padding-left:50px;
}


/* +++++++++++++++++++++++++ */

#access{
	margin-bottom:100px;
}
#access .gmap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top:40%;
}
#access .gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* +++++++++++++++++++++++++ */

#recruit{
	text-align:center;
	margin-bottom:100px;
}


.display_768{display: none;}
.display_1920{display: block;}

}

@media screen and (min-width:768px) and ( max-width:1366px) {
	


}
@media (max-width: 768px) {
	
	#mv{
		padding:5vw 0 10vw;
		background:url(../img/top/bg_main_001.jpg) no-repeat center center / cover;
		text-align:center;
	}
	#mv .mv-copy{
		font-family: "Hannari", serif;
		font-size:16px;
		line-height:1.6;
		margin-bottom:0.5vw;
        color: #fff;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	}
	#mv .mv-logo{
		width:60%;
		margin: 0 auto;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#top-lead{
		padding:10vw 5vw;
		text-align:center;
		font-family: "Hannari", serif;
		font-size:16px;
		line-height:1.6;
		margin-bottom:0.5vw;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#greeting{
		margin-bottom:13vw;
		position:relative;
		background:url(../img/top/greeting_ph_001.jpg) no-repeat left top / 90% auto;
	}
	#greeting .content-area{
		padding-top:85vw;
		line-height:1.6;
		
	}
	#greeting .greeting-ttl{
		font-family: "Hannari", serif;
		font-size:30px;
		line-height:1.6;
		margin-bottom:3vw;
	}
	#greeting .logo{
		width:30vw;
		float:right;
		margin-left:2vw;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#csr{
		margin-bottom:15vw;
		border-top: solid 6px #4DBBAA;
		padding-top:15vw;
	}
	
	#csr .csr-list{
	}
	#csr .csr-list li{
		width:100%;
		padding:5vw;
		margin-bottom:5vw;
		border-radius:20px;
		background:#BDE1D6;
	}
	#csr .csr-list li:last-child{
		margin-bottom:0;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#ota{
		margin-bottom:15vw;
		border-top: solid 6px #4DBBAA;
		padding-top:13vw;
	}
	#ota .logo{
	}
	
	/* +++++++++++++++++++++++++ */
	
	#company{
		margin-bottom:15vw;
	}
	#company .company-data{
		width:100%;
		border-collapse:collapse;
	}
	#company .company-data th,
	#company .company-data td{
		padding:2vw 0;
		font-size:12px;
		border-bottom: solid 1px #009E96;
		
	}
	#company .company-data th{
		width:30%;
		text-align:justify;
		text-align-last:justify;
	}
	#company .company-data td{
		width:70%;
		padding-left:5vw;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#access{
		margin-bottom:15vw;
	}
	#access .gmap {
		position: relative;
		width: 100%;
		height: 0;
		padding-top:70%;
	}
	#access .gmap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#recruit{
		text-align:center;
		margin-bottom:10vw;
	}

.display_768{display: block;}
.display_1920{display: none;}

}