@charset "UTF-8";


.title_container {
	text-align: center;
}

.campany_text {
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
}

.about_container , .access_container {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}

.common_about-title {
	display: flex;
	margin-bottom: 45px;
	font-size: 25px;
	font-size: clamp(1.75rem, 1.076rem + 1.4vw, 2rem);
	flex-direction: column;
}

.common_about-title::before {
	display: flex;
	width: 15px;
	border-radius: 100%;
	content: "";

	aspect-ratio: 1/1;
}

#outline_title::before {
	background-color: #1dadcf;
}

#access_title::before {
	background-color: #3362c6;
}

.common_about-title::before {
	display: flex;
	width: 15px;
	border-radius: 100%;

	aspect-ratio: 1/1;
}

.common_about-title span {
	display: block;
	color: #8b8b8b;
	font-weight: normal;
	font-size: 14px;
	font-size: clamp(1rem, 0.985rem + 0.06vw, 1.063rem);
	letter-spacing: 0.2em;
}

.about_contant {
	width: 100%;

/*font-size: 17px;*/
	border-collapse: collapse;
	border-spacing: 0;
}


.about_contant tr {
	border-bottom: 1px solid #dadada;
}

.about_contant th {
	font-weight: bold;
	text-align: left;
}

.about_contant td {
	padding: 25px 0;
}

.access_container iframe {
	width: 100%;
	height: auto !important;

	aspect-ratio: 200/133;
}

.about_contant tr:nth-of-type(1) th , .about_contant tr:nth-of-type(1) td {
	padding-top: 0 !important;
	vertical-align: top;
}




@media screen and (min-width: 768px) {
	.common_contact-link {
		margin-top: 120px;
	}
}

@media screen and (max-width: 767px) {
	.common_contact-link {
		margin-top: 50px;
	}
}



@media screen and (min-width: 768px) {
	.main_container {
		position: relative;
		padding-bottom: 175px;
	}

	.main_container::before {
		position: absolute;
		top: 450px;
		left: 50%;
		z-index: -1;
		transform: translateX(-50%);
		max-width: 2090px;
		width: 108.8542%;
		background-image: url(../images1/cpmpany_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100%;
		opacity: 0.1;
		content: "";

		aspect-ratio: 209/92;
	}

	.common_page-title {
		margin-bottom: 30px;
	}

	.about_container , .access_container {
		width: 95%;
	}

	.common_about-title {
		margin-bottom: 30px;
	}

	.about_container {
		margin-bottom: 105px;
	}

	.common_about-title span {
		margin-top: 5px;
	}

	.about_contant {
		font-size: 17px;
	}

	.about_contant th {
		max-width: 265px;
		min-width: 200px;
		width: 26.5%;
		text-align: left;
	}

	.about_contant td {
		padding: 25px 0;
	}
}

@media screen and (max-width: 767px) {
	.main_container {
		padding-bottom: 115px;
	}

	.campany_text {
		margin-bottom: 55px;
		padding: 0 20px;
		text-align: justify;
	}

	.common_page-title {
		margin-bottom: 35px;
	}

	.about_container , .access_container {
		width: 100%;
		padding: 0 30px;
	}

	.access_container {
		padding: 15px 30px 30px;
		background-color: #f8f8f8;
	}

	.common_about-title {
		margin-bottom: 35px;
	}

	.about_container {
		margin-bottom: 30px;
	}

	.about_contant th , .about_contant td {
		display: block;
	}

	.about_contant th {
		font-size: 15px;
	}

	.about_contant tr:not(:nth-of-type(1)) th {
		padding-top: 15px;
	}

	.about_contant td {
		padding: 10px 0 15px;
		font-size: 14px;
	}
}