@charset "UTF-8";

#key-visual{
	background-image: url(../images/company-key-visual.jpg);
}
#sec01{
	padding-bottom: 15rem;
}
#sec01 .sec-ttl01{
	margin-bottom: 7rem;
}

.signature{
	text-align: right;
	padding-top: 1.875em;
	margin-bottom: 8rem;
}
.signature span{
	display: block;
	padding-bottom: 1em;
	color: #65aadd;
	font-size: 1.2rem;
}
#sec02 .sec-ttl01{
	margin-bottom: 5rem;
}
.company-profile{
	padding-right: 0;
	margin-bottom: 8rem;
}
table{
	line-height: 2;
}
th{
	padding: 1.5rem 0 1.5rem 1.875em;
	text-align: left;
	font-weight: 500;
	width: 30rem;
	vertical-align: top;
}
td{
	padding: 1.5rem 0;
	font-weight: 500;
	width: calc(100% - 30rem);
}
tr:nth-of-type(2n+1){
	background: #f6f6f6;
}
td ul{
	display: flex;
	flex-wrap: wrap;
}
td li:not(:last-of-type):after{
	content: "、";
	display: inline;
}

@media screen and (max-width: 1440px){
	th{
		width: 29%;
	}
	td{
		width: 71%;
	}
}



@media screen and (max-width: 768px){
	#sec01{
		padding-bottom: 7rem;
	}
	#sec01 .sec-ttl01{
		margin-bottom: 3.5rem;
	}
	.signature{
		padding-top: 1.5em;
		margin-bottom: 3.5rem;
	}
	.signature span{
		padding-bottom: .75em;
		font-size: 1.1rem;
	}
	#sec02 .sec-ttl01{
		margin-bottom: 3.5rem;
	}
	.company-profile{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 3.5rem;
	}
	table{
		line-height: 1.7;
	}
	table,
	tbody,
	tr,
	th,
	td{
		display: block;
		width: 100%;
	}
	th{
		padding: 1.5rem 1rem .75rem;
		font-weight: 600;
		line-height: 1;
	}
	td{
		padding: 0 1rem 1rem;
	}
td ul{
	display: flex;
	flex-wrap: wrap;
}
td li:not(:last-of-type):after{
	content: "、";
	display: inline;
}




}