@charset "utf-8";
/* CSS Document */


@media (max-width: 767px) {
	.pb-sp-0 {
		padding-bottom: 0 !important;
	}
}


.sec1 .title {
	margin-bottom: 1rem;
}
.sec1 .title h1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	font-size: 1.6rem !important;
	margin-bottom: 0.2rem;
}
.company-info table {
	width: 100%;
}
.company-info table th {
	background-color: #f2f2f2;
	font-weight: normal;
	color: #000;
	text-align: center;
	width: 100%;
	display: block;
	padding: 0.8rem 0.4rem; 
}
.company-info table td {
	background-color: #ffffff;
	width: 100%;
	display: block;
	padding: 1.2rem 0.4rem; 
}
.company-info table td a {
	color: #444444;
}
.company-info table td ol li {
	margin-bottom: 0.6rem;
	line-height: 1.5rem;
	margin-left: -0.75rem;
}
.company-info table td ol li:last-child {
	margin-bottom: -0.6rem;
}
.map {
	background-color: #e1e8ef;
	padding: 1.2rem 0 1.4rem;
}
.map h1 {
	color: #000;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: -1.2rem;
}
.map .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 30px;
}
 
.map .ggmap iframe,
.map .ggmap object,
.map .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media (min-width: 768px) {
	.company-info table {
		width: 100%;
		border: 2px solid #b3b3b3;
	}
	.company-info table th {
		width: 30%;
		display: table-cell;
		padding: 1rem 1.4rem; 
		border: 1px solid #b3b3b3;
	}
	.company-info table td {
		width: 70%;
		display: table-cell;
		padding: 1rem 1.4rem;
		border: 1px solid #b3b3b3;
	}
	.company-info table td ol li {
		margin-bottom: 0.8rem;
	}
	.company-info table td ol li:last-child {
		margin-bottom: -0.8rem;
	}
	.map {
		padding: 1.8rem 0;
	}
	.map h1 {
		font-size: 1.7rem;
		margin-bottom: -1.0rem;
	}
}



@media (min-width: 992px) {
	.sec1 .title {
		margin-bottom: 1.5rem;
	}	
	.sec1 .title h1 {
		font-size: 1.8rem !important;
		margin-bottom: 0.4rem;
	}
	.company-info table th, .company-info table td {
		padding: 1.6rem;
	}
	.map {
		padding: 2rem 0;
	}	

}



@media (min-width: 1200px) {
	.map {
		padding: 2.4rem 0;
	}
}