@charset "UTF-8";

/*メインビジュアル*/

#mv:after{
	content: '会社紹介';
	display: block;
	color: #fff;
	font-size: 4.2vw; 
	position: absolute;
	bottom: 23.5%;
	right: 0;
	z-index: 99;
	background: linear-gradient(90deg,rgba(38, 58, 85, 0),rgba(38, 58, 85, .5));
	padding: 5.5% 2% 5.5% 22%;
}

#mv:before{
	content: '';
	width: 35%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 30.5%;
	right: 0;
	z-index: 99;
	background: linear-gradient(90deg,rgba(255,255,255, 0),rgba(255,255,255, 0),#fff,rgba(255,255,255,.2));
}

#mv img.tp{
	bottom: -10%;
}

/*代表メッセージ*/
.topcontent{
	overflow: hidden;
}

.leftarea,
.rightarea{
	float: left;
	width: 50%;
}

.leftarea{
	position: relative;
}

.massage{
	width: 140%;
	height: auto;
	background: rgba(255,255,255,.75);
	position: absolute;
	bottom: 0;
	text-align: center;
	line-height: 1.6em;
	z-index: 99;
}

.massage h2{
	font-size: 1.75em;
	color: #222;
	margin: 5% auto 4%;
	letter-spacing: .2em;
	font-family: serif;
}

.massage p{
	font-size: .9em;
	color: #333;
	padding: 0 5% 4%;
}

.massage h3{
	font-size: 1.85em;
	text-align: right;
	padding-right: 10%;
	font-family: serif;
	font-weight: bold;
	padding-bottom: 5%;
}

.massage h3 span{
	font-size: .7em;
	padding-right: 2%;
}
@media screen and (max-width: 750px){
	.leftarea,
	.rightarea{
		float: none;
		width: 100%;
	}
	
	.leftarea img{
		display: none;
	}
	
	.massage{
		position: static;
		width: 100%;
		padding-top: 10%;
		background: #daeaf5;
	}
}

/*概要エリア*/
.bg{
	background: url(../images/bg.png) center top no-repeat;
	background-size: cover;
	overflow: hidden;
}

.listarea{
	width: 65%;
	padding: 5% 0 5% 5%;
	line-height: 2em;
	background: rgba(255,255,255,.65);
	overflow: hidden;
}

.listarea h3,
.map h3{
	font-size: 1.35em;
	font-weight: normal;
	padding-bottom: 5%;
	letter-spacing: .2em;
}

dl{
}

dt{
	clear: left;
	float: left;
	width: 35%;
	padding: 2% 0;
	border-top: 1px solid #aaa;
	font-size: .85em;
	font-weight: bold;
}

dd{
	float: left;
	width: 55%;
	padding: 2% 0;
	border-top: 1px solid #fff;
}

@media screen and (max-width: 750px){
	.bg{
		background-size: contain;
	}
	
	.listarea{
		width: auto;
	}
	
	dt{
		font-size: .7em;
	}
	
	dd{
		font-size: .85em;
	}
}

/*地図*/
.map{
	overflow: hidden;
	position: relative;
}

.map .textarea{
	position: absolute;
	top: 0;
	width: 65%;
	padding: 5% 0 5% 5%;
	line-height: 2em;
	background: rgba(255,255,255,.65);
	overflow: hidden;

}

.map iframe{
	overflow: hidden;
	width: 50%;
	float: left;
}

@media screen and (max-width: 750px){
	.map .textarea{
		position: static;
		width: auto;
	}
	
	.map iframe{
		position: static;
		width: 100%;
	}