@charset "utf-8";
#gHeader {
	position: fixed;
}

/* --------------------
   mv
   -------------------- */
.pageMv {
	background-image: url("../img/access/mv-pc.png");
}

@media screen and (max-width: 768px) {
	.pageMv {
		background-image: url("../img/access/mv-sp.png");
	}
}

/* --------------------
   contents
   -------------------- */
#main{
	background:#232323;
	margin: 0 0 6vw 0;
}

.inner{
	padding: 5vw 0 10vw 0;
	width: calc(680/1400 * 100%);
	margin: 0 auto;
}

.tel, .mail {
    text-decoration: underline;
}


@media screen and (max-width: 768px) {
	#main{
	  margin: 0 0 10vw 0;
  }

	.inner{
		width: 90%;
		padding: 3vh 0;
	}
}

/* --------------------
  .map
   -------------------- */
.block-map {
	margin: 50px 0 0 0;
	width: 100%;
	height: 430px;
}

.gMap {
	width: 100%;
	height: 100%;
	background: #82827e;
}

.gMap iframe {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
	opacity: .7
}


@media screen and (max-width: 768px) {
	.block-map {
		height: 240px;
		margin: 5vw 0 10vw 0;
	}
}

.videoWrapper {
    margin: 24px auto 0;
}
.videoWrapper .videoWrap {
    display: flex;
    justify-content: center;
}
.videoWrapper .videoWrap .videoContent {
    position: relative;
}
.videoWrapper .videoWrap .videoContent video {
    width: 315px;
}
.videoWrapper .videoWrap .playBtn {
    cursor: pointer;
    display: block;
    width: 15%;
    position: absolute;
    top: 90%;
    left: 15%;
    filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.videoWrapper .videoWrap .playBtn.playActive {
    display: none;
}

@media screen and (max-width: 768px) {
	.videoWrapper .videoWrap {
		justify-content: flex-start;
	}
	.videoWrapper .videoWrap .playBtn {
		width: 18%;
		top: 88%;
		left: 18%;
	}
	.videoWrapper .videoWrap .videoContent video {
		width: 155px;
	}
}