@charset 'utf-8';

/* contents
------------------------------------------------ */
.contents{
	width: 100%;
	max-width: 813px;
	margin: 0 auto 20px;;
}
.company .title--1 { margin-top: 40px; }

/* company
------------------------------------------------ */
.company{margin-bottom: 40px;}
.company__info{
	font-size: 2.6rem;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.16em;
	line-height: 1.8;
	max-width: 620px;
	margin: 0 auto 40px;
}
table{ border-collapse: collapse;}
.company__about{
	font-size: 1.2rem;
}
.company__about tr{}
.company__about tr th{
	font-weight: normal;
	width: 115px;
	padding: 12px;
	vertical-align: top;
	text-align: justify;
	text-justify: inter-ideograph;
	-moz-text-align-last: justify;
	text-align-last: justify;
}
.company__about tr td{
	letter-spacing: 0.15em;
	width: 500px;
	padding: 12px 10px 12px 50px;
}
.access{}
.access__map{}
.access__map__office{margin-bottom: 18px;}
.access__map__office__name,
.access__map__office__address{ display: block; font-size: 1.4rem; text-align: center; letter-spacing: 0.1em;}
.access__map__list{ width: 100%; max-width: 600px; margin: 0 auto;}
.access__map__list iframe{display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; border: 0;}

@media only screen and (max-width: 768px) {
	/* company
	------------------------------------------------ */
	.company{margin-bottom: 20px;}
	.company .title--1 { margin-top: 20px; }
	.company__info{
		width: 100%;
		font-size: 1.7rem;
		line-height: 1.8;
		margin: 0 auto 20px;
	}
	.company__about { width: 100%; font-size: 1.5rem; line-height: 1.8; }
	.company__about tr th,
	.company__about tr td{
		display: block;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		letter-spacing: 0.04em;
	}
	.company__about tr th{
		padding: 12px 0 4px;
		text-align: left;
		text-justify: none;
		-moz-text-align-last: left;
		text-align-last: left;
	}
	.company__about tr td{
		padding: 0 0 14px;
		border-bottom: 1px dotted #ccc;
		overflow-wrap: anywhere;
	}
	.access__map__office{margin-bottom: 10px;}
	.access__map__office__name,
	.access__map__office__address{ font-size: 1.5rem; line-height: 1.8; overflow-wrap: anywhere; }
	.access__map__list{margin-bottom: 20px;}
}