@charset "UTF-8";

/*main
----------------------------------------*/
#about {
    background-color: var(--beige);
}
section.about .about_detail {
    max-width: 100rem;
    text-align: left;
    background-color: var(--white);
    margin: 0 auto;
    padding: 2em 2em 6rem;
}
#about h1 {
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.59;
	padding-top: .8em;
	padding-bottom: 1.55em;
}
#about .main_sub {
	padding-bottom: 0;
}
#about .about {
	margin-top: 0;
	padding: 9.4rem 0 10.5rem;
}
@media only screen and (max-width: 991px) {
	#about .about {
		margin-top: 0;
		padding: 6.8rem 0 0;
	}
	.main_sub_ttl {
        margin-bottom: 3.5rem;
    }
}
section.about_detail {
    max-width: 100rem;
	text-align: left;
    margin: 0 auto;
	padding-bottom: 6rem;
}

section.about_detail h2 {
	font-size: 1.5rem;
    letter-spacing: .1em;
    font-weight: bold;
	margin-bottom: 1.3rem;
}
section.about_detail p {
    letter-spacing: .1em;
	text-align: left;
    line-height: 2;
	margin-bottom: 2rem;
}
.brand_concept .owner_name {
	font-weight: bold;
}

/*table
----------------------------------------*/
.company {
	margin-top: 7em;
}
.content-area table {
	width: 100%;
	
}
.content-area table tr {
	border-top: 1px solid var(--l-gray2);
	border-bottom: 1px solid var(--l-gray2);
}
.content-area table th {
	background-color: var(--beige);
	padding: 1.5em 2em;
}
.content-area table td {
	padding: 1.5em 2em;
}


@media only screen and (max-width: 991px) {
	#about {
		padding-bottom: 3em;
	}
	section.about .about_detail {
		margin: 0 1em;
		padding: 2em 7vw 2.55rem;
	}
	.content-area table th,
	.content-area table td {
		display: block;
		padding: 1.2em 1em;
	}
}