@charset "utf-8";
/*////////////////////////////////////
Topic
////////////////////////////////////*/
@media screen and (min-width: 768px){

#under_image {
	position: absolute;
	background: url("../company/img/company_top.png");
	background-position: center center;
	background-size: cover;
	width: 700px;
	aspect-ratio:1450/1326;
	top: -10%;
	right: 50px;
	z-index: 1;
}

}

@media screen and (min-width: 0px) and (max-width: 767px){
#under_image {
	position: absolute;
	background: url("../company/img/company_top.png");
	background-position: center center;
	background-size: cover;
	width: 340px;
	aspect-ratio:1450/1326;
	top: -10%;
	right: 0px;
	z-index: 1;
}

}


@media screen and (min-width: 768px){
#company_area {
	position: relative;
	width: 100%;
	background: #EEE;
	overflow: hidden;
	padding: 150px 0;
}
#company_place {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.company_th {
	position: relative;
	width: 28%;
	margin-right: 2%;
	font-size: clamp(1.6rem,3vw,1.8rem);
	font-weight: 400;
	padding: 20px;
	color: #333;
	float: left;
}
.company_td {
	position: relative;
	width: 69%;
	margin-left: 1%;
	font-size: clamp(1.6rem,3vw,1.8rem);
	font-weight: 400;
	padding: 20px;
	color: #333;
	float: left;
}
.company_td a {
	color: #333;
	text-decoration: none;
}
}
@media screen and (min-width: 0px) and (max-width: 767px){
#company_area {
	position: relative;
	width: 100%;
	background: #EEE;
	overflow: hidden;
	padding: 80px 0;
}
#company_place {
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.company_th {
	position: relative;
	width: 100%;
	font-size: clamp(1.6rem,3vw,1.8rem);
	font-weight: 400;
	padding: 10px 20px;
	color: #333;
	background: #AAA;
}
.company_td {
	position: relative;
	width: 100%;
	font-size: clamp(1.6rem,3vw,1.8rem);
	font-weight: 400;
	padding: 20px;
	color: #333;
	margin-bottom: 30px;
}
.company_td a {
	color: #333;
	text-decoration: none;
}
}