.cover {
	background-image: url(../img/access/cover.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 560px;
	display: flex;
	height: 70vh;
}
.cover .inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 46%;
}
.cover h1 {
	font-size: 6rem;
    color: #fff;
    letter-spacing: 7px;
	text-align: center;
	font-weight: 600;
}
.cover p {
	font-size: 2rem;
    color: #fff;
    letter-spacing: 7px;
    margin-top: 2rem;
	text-align: center;
	font-weight: 600;
}

section.caption {
	margin: 16rem 0;
}
section.caption .head {
	text-align: center;
	font-weight: bold;
	font-size: 4rem;
	font-weight: 600;
	margin-bottom: 3rem;
	letter-spacing: 7px;
}
section.caption p {
	text-align: center;
	font-size: 1.8rem;
	line-height: 4rem;
	letter-spacing: 1px;
}

.imgs {
	display: flex;
	justify-content: space-between;
}
.imgs .right {
	width: 44%;
}
.imgs .left {
	margin-right: 1.1rem;
	width: 68%;
}
.imgs .right figure {
	display: block;
	width: 100%;
}
.imgs .right figure:nth-of-type(1) {
	margin-bottom: 1.1rem;
}


section.location {
	padding: 145px 0;
	/* margin-bottom: 160px; */
}
.top_head h2 {
	font-size: 4rem;
	text-align: center;
	font-weight: 600;
	position: relative;
	letter-spacing: 5px;
}
.top_head h2::before {
	content: '';
	background-image: url(../img/common/tane2_black.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 28px;
	height: 36px;
	top: -45px;
	left: 0;
	right: 0;
	margin: auto;
}
.top_head {
	margin-bottom: 75px;
}
.top_head p {
	text-align: center;
}
section.location .map {
	max-width: 1000px;
	margin: 0 auto;
	height: 555px;
}
section.location iframe {
	width: 100%;
	height: 100%;
}
section.location .info {
	font-size: 2rem;
	max-width: 1000px;
	margin: 0 auto;
	margin: 4rem auto 0;
}
section.location .info p,
section.location .info dl dt,
section.location .info dl dd
 {
	font-size: 2rem;
}

section.location .info dl {
	display: inline-block;
	width: 50%;
}
section.location .info dt,
section.location .info dd {
	display: inline-block;
}
section.location .info dt {
	margin-right: 1rem;
}

section.company .detail {
	background-image: url(../img/access/company.jpg);
	background-size: 45%;
	background-position: left top;
	background-repeat: no-repeat;
}
section.company .detail .inner {
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
}
section.company .detail figure {
	width: 46%;
	margin-right: 7rem;
}
section.company .detail .exp {
	margin-right: auto;
}
section.company .detail .exp dl {
	border-bottom: 1px solid #B3B3B3;
	padding: 2rem 0;
	letter-spacing: -.4em;
}
section.company .detail .exp dl:first-of-type {
	padding-top: 0;
}
section.company .detail .exp dl:last-of-type {
	border-bottom: none;
}
section.company .detail .exp dl dt,
section.company .detail .exp dl dd
{
	display: inline-block;
	font-size: 1.8rem;
	vertical-align: top;
	width: calc(100% - 10rem);
}
section.company .detail .exp dl dd span {
	font-size: inherit;
}
section.company .detail .exp dl dt {
	width: 10rem;
}




/*---------------------------------------------------------------*\
	$736px
\*---------------------------------------------------------------*/
@media screen and (max-width: 736px) {
	.cover {
		/* font-size: 4rem; */
		min-height: 210px;
		height: auto;
	}
	.cover .inner {
		position: absolute;
		left: 0;
		right: 0;
		top: 35%;
	}
	.cover h1 {
		font-size: 2rem;
	}
	.cover p {
		margin-top: 1rem;
		font-size: 1rem;
	}
	section.caption {
		margin: 12rem 0 6rem;
	}
	section.caption .head {
		font-size: 2.7rem;
		letter-spacing: 1px;
	}
	section.caption p {
		font-size: 1.5rem;
		line-height: 3.2rem;
		letter-spacing: 0px;
		width: 90%;
		margin: 0 auto;
	}
	section.location {
		padding: 100px 0;
	}
	.top_head {
    	margin-bottom: 40px;
	}
	.top_head h2 {
		font-size: 2.5rem;
	}

	section.location .map {
		width: 90%;
		height: 400px;
	}
	section.location .info dl {
		text-align: center;
		width: 100%;
	}
	section.location .info p,
	section.location .info dl dt,
	section.location .info dl dd {
		text-align: center;
		font-size: 1.2rem;
	}
	section.company {
		margin-top: 100px;
	}
	section.company .detail {
		background-size: 300px;
	}
	section.company .detail .inner {
		display: block;
	}
	section.company .detail figure {
		width: 100%;
		height: 300px;
	}
	section.company .detail .exp {
		width: 90%;
		margin: 0 auto;
	}
	section.company .detail .exp dl dt, section.company .detail .exp dl dd {
	    font-size: 1.2rem;
	}
	section.company .detail .exp dl {
		padding: 1rem 0;
	}
}