@charset "utf-8";

/*
	company.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* main-visual
--------------------------------------------------------------------------------------------------------*/
#company-page #main-visual {
	background-image: url(../images/company/bg_main-visual.jpg);
}

/* terms
--------------------------------------------------------------------------------------------------------*/
#company-page #terms {
	padding: 4.5rem 0 0;
}
#company-page #terms .inner {
	padding: 0 0 7.0rem;
}
#company-page #terms .inner .field {
	width: 900px;
	margin: 0 auto;
	padding: 2.0rem 0 0;
}
#company-page #terms .inner .field dl:not(:last-child) {
	margin-bottom: 4.5rem;
}
#company-page #terms .inner .field dl dt {
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 1.2rem;
	border-left: 4px solid rgba(22, 22, 22, 0.6);
}
#company-page #terms .inner .field dl dt span {
	padding: 0.2rem 0 0.5rem 0.5em;
	display: block;
}
#company-page #terms .inner .field dl dd {
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}
#company-page #terms .inner .field dl dd a {
	text-decoration: underline;
	display: inline-block;
}
#company-page #terms .inner ul {
	padding-left: 1em;
	text-indent: -1em;
}
#company-page #terms .inner p {
	font-size: 1.4rem;
	line-height: 1.5;
}
#company-page #terms .inner .date {
	margin-top: 2rem;
	text-align: right;
}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

/* terms
--------------------------------------------------------------------------------------------------------*/
	#company-page #terms {
		padding: calc(45 / 750 * 100vw) 0 0;
	}
	#company-page #terms .inner {
		padding: 0 calc(25 / 750 * 100vw) calc(70 / 750 * 100vw);
	}
	#company-page #terms .inner .field {
		width: 100%;
		padding: calc(70 / 750 * 100vw) 0 0;
	}
	#company-page #terms .inner .field dl:not(:last-child) {
		margin-bottom: calc(60 / 750 * 100vw);
	}
	#company-page #terms .inner .field dl dt {
		font-size: calc(26 / 750 * 100vw);
		margin-bottom: calc(12 / 750 * 100vw);
	}
	#company-page #terms .inner .field dl dt span {
		padding: 0.25em 0 0.4em 0.5em;
	}
	#company-page #terms .inner .field dl dd,
	#company-page #terms .inner p  {
		font-size: calc(24 / 750 * 100vw);
	}

/*
	company.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/
}