@charset "UTF-8";

#mv .mvinner {
	background-image: url("../img/company/img_main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 60vh;
	margin: 0;
}

@media screen and (min-width:768px) {
	#mv .mvinner {
		height: 100vh;
	}
}

#mv .mvinner .mvttl {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#mv .mvinner .mvttl h1 {
	color: #FFF;
	font-size: 0.16rem;
	text-align: center;
}
@media screen and (min-width:768px) {
	#mv .mvinner .mvttl h1 {
		font-size: 0.2rem;
	}
}

#mv .mvinner .mvttl h1 > span {
	display: block;
	font-family: 'Rokkitt', serif;
	font-weight: 500;
	font-size: 0.25rem;
	letter-spacing: 0.1em;
} 
@media screen and (min-width:768px) {
	#mv .mvinner .mvttl h1 > span {
		font-size: 0.4rem;
	} 
}

/*共通*/
.tblbox table {
    width: 100%;
 	border-collapse: separate; 
}

.tblbox table tr th {
	padding: 0.1rem 0;
	width: 0.8rem;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
@media screen and (min-width:768px)  {
	.tblbox table tr th {
		width: 1rem;
	}
}

.tblbox table tr td {
	padding: 0.1rem 0;
}

.companybox {
	margin-bottom: 0.8rem;
}

.companybox .gmaplink {
	color: #E9561A;
}

.companybox .gmaplink a:after {
    background-image: url("../common/img/icon_gmapor.svg");
}

.accessbox .mapbox .map {
	position:relative;
	width: 100%;
	height: 2rem;
}
@media screen and (min-width:768px) {
	.accessbox .mapbox .map {
		height: 5rem;
	}
}

.accessbox .mapbox .map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}