@charset "utf-8";

/* ------------------------------------------
- HEADER
-
	--
	--
------------------------------------------ */
/* ==============================================================
	HEADER
============================================================== */
header{
	background: url(../img/company/header_img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

@media screen and (max-width: 750px) {
	header{
		background: url(../img/company/header_img_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height:40vh;
	}
}

/* ==============================================================
	MAIN
============================================================== */

/* AMBITION
------------------------------------------------ */

.ambition{
	background: url(../img/bluedot_bg.jpg) repeat;
	padding: 80px 0;
}
.ambition .contentArea{
	margin:50px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ambition .contentArea .left_column{
	width:40%;
	text-align: left;
}
.ambition .contentArea .right_column{
	text-align: left;
	width:55%;
}
.ambition .contentArea .right_column img{
	width:auto;
}
.ambition .contentArea .right_column p{
	margin-top:30px;
	color: #fff;
}

@media screen and (max-width: 750px) {
	.ambition .contentArea{
		margin:0 auto;
		display: flex;
		flex-direction: column;
	}
	.ambition .contentArea .left_column{
		width:70%;
		margin-bottom:30px;
	}
	.ambition .contentArea .right_column{
		width:100%;
	}
}

/*	GREETING
------------------------------------------------ */
.greeting{
	background: url(../img/company/greeting_bg.jpg);
	background-size: cover;
	background-position: center;
	padding:100px 0 120px;
}
.greeting .contentArea > .textArea{
	margin-left:0;
}
.greeting .contentArea > .textArea h2{
	margin-bottom:50px;
}
.greeting .contentArea > .textArea p{
	text-align: left;
	line-height: 2;
	letter-spacing: 0.1em;
}
.greeting .contentArea > .textArea p.ceo_name{
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	.greeting{
		background: none;
		padding: 0;
	}
	.greeting .contentArea > .textArea h2{
		background: url(../img/company/greeting_bg_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height:30vh;
		text-align: left;
		padding:50px 0 0 30px;
	}
	.greeting .contentArea > .textArea p.ceo_name{
		margin-top: 10px;
		font-size: 16px;
	}
}

/* TABLE AREA
------------------------------------------------ */
.tableArea .contentArea{
	margin:0 auto;
	padding: 100px 0 50px;
}

@media screen and (max-width: 750px) {
	.tableArea .contentArea{
		margin:50px auto;
	}
}

/* GOOGLE MAP
------------------------------------------------ */
.map{
	height:500px;
}
.gmap p{
	margin:100px auto;
	font-size: 18px;
}
.gmap p span{
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	.map{
		height:250px;
	}
	.gmap p{
		margin:50px auto;
		font-size: 14px;
	}
	.gmap p span{
		font-size: 16px;
	}

}