@charset "UTF-8";
/* CSS Document */
.main-box {
	width: 100%;
	position: relative;
	color: #FFF;
}
.main-box:before {
	position: absolute;
	content: "";
	width: 100%;
	max-width: 2800px;
	margin: 0 auto;
	min-height: 90vh;
	background-image: url("../img/top/q_mark.svg");
	background-position: top 35% right -275px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -1;
}
.company-box {
	width: 100%;
	padding: 200px 8vw 150px;
	text-align: left;
}
.company-box h1 {
	font-family: 'Lato', noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-size: 3rem;
	letter-spacing: .25em;
	padding-bottom: 80px;
}
.company-box .info {
	max-width: 1000px;
}
.company-box .info dl dt {
	font-size: 1.4rem;
}
.company-box .info dl dd {
	font-size: 1.2rem;
	color: #CCC;
	padding-bottom: 30px;
}
.company-box .info dl dd a {
	font-size: 1.2rem;
	color: #CCC;
	padding-bottom: 30px;
}
.company-box .info dl dd a:hover {
	color: #CCC;
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
.main-box:before {
	height: 90vh;
	background-position: top 100px right -125px;
	background-attachment: inherit;
}
.company-box h1 {
	height: auto;
    font-size: 3rem;
	letter-spacing: .25em;
    display: block;
	text-align: left;
	word-break: keep-all;
}
.company-box .info dl dt {
	font-size: 1.4rem;
}
.company-box .info dl dd {
	font-size: 1.1rem;
}
.company-box .info dl dd a {
	font-size: 1.1rem;
}
.company-box .info dl dd a:hover {
	color: #CCC;
	text-decoration: underline;
}
}
