@charset "UTF-8";

/*company*/
section {
	position:relative;
	width:100%;
	margin:auto;
	color:#000;
}

.company__building {
	width:80%;
	margin:auto 10%;
	height:250px;
}
.company__building img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: 100% 55%;
}

.company__info {
	position:relative;
	width:80%;
	padding:4rem 10%;
}
.company__info .backimg {
	position:absolute;
	top:8rem;
	left:0;
	width:100%;
	height:calc(100% - 8rem);
	background-color:#fff;
	z-index:-1;
}

.listWrap {
	margin:5rem auto 2rem auto;
}
table.list {
	width:100%;
}
table.list tr {
	border-bottom:solid 1px #807F80;
}
table.list th {
	display:block;
	width:100%;
	margin:1.2rem auto 0.5rem auto;
	text-align:left;
}
table.list td {
	display:block;
	width:100%;
	margin:auto auto 1rem auto;
	line-height:1.7rem;
	letter-spacing:0;
	text-align:left;
}
table.list .list__office {
	margin-top:1.2rem;
}


/**/
.company__map {
	margin:80%;
	margin:5rem 10%;
	color:#fff;
	text-align:left;
}

.map__content {
	margin:3rem auto 4rem auto;
}
.map__target {
	font-weight:bold;
}
.map__access{
	margin:0.5rem auto 0.8rem auto;
	font-size:0.9rem;
}
.map__map {
	width:100%;
	height:270px;
}


@media print, screen and (min-width: 481px) {

/*company*/
.company__building {
	height:400px;
}

.company__info {
	width:70%;
	padding:4rem 15%;
}
.company__info .backimg {
	top:8rem;
	height:calc(100% - 8rem);
}

/**/
.company__map {
	margin:70%;
	margin:4rem 15% 2rem 15%;
}
.map__content {
	margin:3rem auto;
}
.map__map {
	height:300px;
}

}

@media only screen and (min-width: 769px) {

/*company*/
section {
	position:relative;
	width:100%;
	margin:auto;
	padding-top:5%;
}
.company__building {
	position:absolute;
	top:10px;
	right:0%;
	width:40%;
	height:calc(170px + 15vw);
	margin:auto 0 auto auto;
	z-index:5;
}
.company__info {
	width:55%;
	margin-right:15%;
	padding:4rem 15% ;
}
table.list th {
	display:inline-table;
	width:9rem;
	margin:1.2rem auto 0.5rem auto;
}
table.list td {
	display:inline-table;
	width:calc(100% - 9rem);
	margin:1rem auto;
	line-height:1.7rem;
}
table.list .list__office:first-of-type {
	margin-top:0;
}

/**/
.company__map {
	margin:6rem 15%;
}
.map__contentWrap {
	display:flex;
	justify-content: space-between;
}
.map__content {
	width:47%;
	margin:2rem 0;
}
.map__target {
	font-weight:bold;
}
.map__access {
	height:2.5rem;
	margin:0.5rem auto 0.8rem auto;
	font-size:0.9rem;
}
.map__map {
	width:100%;
	height:400px;
}


}

@media print {


}