@charset "utf-8";
.company_main {}
.company_main section {
		padding: 120px 40px;
		max-width: 1380px;
		margin: 0 auto;
}
.hr {
		height: 1px;
		background: #3C3C3C;
}
.section_flex {
		display: flex;
}
.section_left {
		width: 400px;
}
.section_left.wide {
		width: 560px;
}
@media(max-width: 1440px) {
		.section_left.wide {
				width: 400px;
		}
}
.section_right {
		flex: 1
}
.overview_line_gr {
		padding-bottom: 80px;
}
.overview_line_gr .overview_line:first-child {
		border-top: 1px solid #3C3C3C;
}
.overview_line {
		display: flex;
		align-items: center;
		padding: 30px 0;
		border-bottom: 1px solid #3C3C3C;
}
.overview_line.extra {
		display: flex;
		align-items: flex-start;
}
.overview_line dt {
		width: 220px;
		line-height: 1.8;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
}
.overview_line dd {
		flex: 1;
		line-height: 1.8;
		font-feature-settings: "palt";
		letter-spacing: 0.08em;
		padding-right: 20px;
}
.access_txt {
		line-height: 1.8;
		margin-top: 80px;
}
.section_right iframe {
		width: 100%;
		height: 480px;
		filter: grayscale(100);
}
@media(max-width: 1400px) {
		.section_left, .section_left.wide {
				width: 360px;
		}
		.overview_line dt {
				width: 140px;
		}
}
@media(max-width: 840px) {
		.section_flex {
				display: block;
		}
		.section_left, .section_left.wide {
				width: auto;
				margin-bottom: 40px;
		}
		.section_right.googlemap {
				width: calc(100vw + 80px);
				position: relative;
				left: -40px;
		}
}
@media(max-width: 767px) {
		.company_main section {
				padding: 80px 25px;
		}
		.overview_line_gr {
				padding-bottom: 0;
		}
		.overview_line {
				display: block !important;
				padding: 25px 0;
		}
		.overview_line dt {
				width: auto;
				margin: 0 0 15px;
				color: #787878;
		}
		.access_txt {
				margin-top: 50px;
		}
		.section_right.googlemap {
				width: calc(100vw + 50px);
				left: -25px;
				position: relative;
		}
		.section_right iframe {
				height: 300px;
				width: 100%;
		}
		.hr {
				background: none;
		}
}