@charset "UTF-8";

#company-header {
	background-color: #ff7300;
	background-image: url(../imgs/company/hdr-bkg.png);
	background-image: image-set(
		url('../imgs/company/hdr-bkg.avif') type('image/avif'),
		url('../imgs/company/hdr-bkg.webp') type('image/webp'),
		url('../imgs/company/hdr-bkg.png') type('image/png')
	);
	background-position: 50% 90%;
	background-repeat: no-repeat;
	background-size: 356px auto;
}
#company-header .wrapper div {
	flex-basis: 80%;
	margin-bottom: initial;
}
.wrapper .sect:first-child {
	border-bottom: 1px solid #ddd;
	margin-bottom: 4rem;/*30px;*/
	padding-bottom: 3rem;/*30px;*/
}

#ttl-companyprofile {
	max-width: 433px;
}
#ttl-logojp, #ttl-logovn {
	margin: 0 auto 2rem auto;
	max-width: 306px;
}
dt {
	margin-bottom: .25em;
}
dt span {
	color: #f9b900;
	margin-right: .5rem;
}
dd {
	line-height: 1.5;
	margin-bottom: 1.5em;
	padding-left: 1.5rem;
}
dd ul {
	margin-left: .5rem;
}
dd li {
	line-height: 1.25;
	margin-bottom: .25rem;
}

a {
	color: #6d6d6d;
}

@media screen and (min-height: 500px) and (min-width: 980px) {
	#company-header {
		background-position: 85% 50%;
	}
	#company-header .wrapper div {
		flex-basis: initial;
		margin-bottom: calc((500px - 31px) / 3);
	}
	header p {
		text-shadow: none;
	}
	dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	dt {
		flex-basis: 17.5%;
	}
	dd {
		flex-basis: 82.5%;
	}
	dd ul {
		margin-left: 1.5rem;
	}
}