@charset "utf-8";
/* CSS Document */

.kv__company {
	width: 100%;
	padding: 0 50px;
}

.kv__company img {
	width: 100%;
	height: auto;
/*
	aspect-ratio: 3;
	object-fit: cover;
	object-position: bottom center;
*/
}

.container__second h3 {
	font-size: 1.625rem;
}

.container__second h3 + p {
	color: #65BA28;
}

.fb__company {
	display: flex;
	width: 100%;
}

.item__company--title {
	width: 230px;
}

.item__company--content {
	width: calc(100% - 230px);
}

table.tbl__company {
	width: 100%;
}

table.tbl__company th {
	padding: 20px;
	vertical-align: middle;
 	border-top: 2px solid #ccc;
	white-space: nowrap;
}

table.tbl__company td {
	padding: 20px;
 	border-top: 1px solid #eee;
	vertical-align: middle;
}

table.tbl__conduct {
	width: 100%;
}

table.tbl__conduct tr td:nth-of-type(odd) {
	padding: 5px 0;
	white-space: nowrap;
}

table.tbl__conduct tr td:nth-of-type(even) {
	padding: 5px 0;
}

dl.dl__engineer {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

dl.dl__engineer dt {
	width: 30%;
	padding: 15px 20px;
	background-color: #fafafa;
 	border: 1px solid #eee;
}

dl.dl__engineer dd {
	width: 20%;
	padding: 15px 20px;
	text-align: center;
 	border: 1px solid #eee;
}

.fb__company--office {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.item__office--address  {
	width: calc(50% - 20px);
}

.item__office--address dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 20px 0;
}

.item__office--address dl dt {
	width: 100px;
	padding: 10px 0;
}

.item__office--address dl dd {
	width: calc(100% - 100px);
	padding: 10px 0;
}

.item__office--map {
	width: 50%;
}

.block__map {
	position: relative;
	width: 100%;
	padding-top: 75%;
	height: 0;	
}

.block__map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1280px) {

.kv__company {
	padding: 0 40px;
}

}


@media (max-width: 1024px) {

.container__second h3 {
	font-size: 1.375rem;
}

.fb__company {
	flex-direction: column;
}

.item__company--title {
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
}

.item__company--content {
	width: 100%;
}

table.tbl__company th {
	padding: 15px 20px;
}

table.tbl__company td {
	padding: 15px 20px;
}


}


@media (max-width: 768px) {

.kv__company {
	padding: 0 30px;
}

.item__company--title {
	margin-bottom: 40px;
}

dl.dl__engineer dt {
	width: 70%;
}

dl.dl__engineer dd {
	width: 30%;
}

.fb__company--office {
	flex-direction: column;
}

.item__office--address  {
	width: 100%;
}

.item__office--map {
	width: 100%;
}

.item__office--address dl dt {
	padding: 5px 0;
}

.item__office--address dl dd {
	padding: 5px 0;
}

.block__map {
	padding-top: 56.25%;
}


}


@media (max-width: 640px) {

.kv__company {
	padding: 0 20px;
}

.item__company--title {
	margin-bottom: 30px;
}


}
