@charset "UTF-8";

section {
	position: relative;
}

section .sec-logo {
	width: 150px;
	position: absolute;
	top: 50%;
	left: 4vw;
	transform: translateY(-50%);
}
section .sec-logo img {
	width: 100%;
}

#mainv {
	color: #000;
	height: 53.125vw;
	background: url(../images/main_p_01.jpg) no-repeat center top;
	background-size: cover;
	padding-top: 6.25vw;
}
#mainv a {
	color: #000;
	text-decoration: none;
}
#mainv nav span {
	color: #000;
}
#mainv h1 {
	color: #000;
	text-align: right;
	margin: 5vw 0 0 auto;
}
#mainv .h-type1::after {
	left: auto;
	right: 0;
}


#access {
	padding: 9.6vw 0;
}
#access .subContents {
	padding-left: 13%;
}
#access .subContents .lead {
	margin: 0 0 10.6vw;
}
#access .subContents dl dt {
	padding: 10px 0;
	float: left;
}
#access .subContents dl dd {
	border-bottom: solid 1px #ddd;
	padding: 10px 0 10px 14em;
}
#access .subContents dl dd span.paypay {
	padding: 0 0 0 26px;
	position: relative;
}
#access .subContents dl dd span.paypay::before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../../common/images/s_paypay.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
}
#access .mapWrap {
	text-align: right;
	margin: 10vw 0 0 auto;
}
iframe {
	width: calc(94vw - 12.22vw);
	height: 36vw;
}
@media screen and (max-width:1130px) {
	iframe {
		width: 87%;
	}
}



/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:799px) {

	section .sec-logo {
		display: none;
	}

	#mainv {
		height: 136vw;
		background-image: url(../images/main_p_01_sp.jpg);
		padding-top: 5vw;
	}
	#mainv h1 {
		margin: 0;
	}

	#access {
		padding: 4vw 0;
	}
	#access .subContents {
		padding-left: 4vw;
	}
	#access .subContents .lead {
		margin: 0 0 8vw;
	}
	#access .subContents dl dt {
		font-weight: bold;
		padding: 0;
		float: none;
	}
	#access .subContents dl dd {
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	#access .subContents dl dd span.paypay {
	}
	#access .subContents dl dd span.paypay::before {
	}
		#access .mapWrap {
		text-align: center;
		margin: 8vw 4vw 0;
	}
	iframe {
		width: 100%;
		height: 60vw;
	}





}