@charset "UTF-8";
/* CSS Document */
.company {
	max-width: 800px;
	margin: 0 auto;
	padding: 100px 20px 0;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	color: #333;
}
.company01 {
	padding: 100px 20px 0;
}
.company h2 {
    font-size: 14px;
    line-height: 2;
    padding-bottom: 40px;
}
.infoBox {
    display: flex;
	flex-wrap: wrap;
}
.infoBox .info {
    width: 50%;
	padding-bottom: 20px;
}
.infoBox .info dt {
	font-size: 12px;
	padding-bottom: 10px;
	color: #C0C1C1;
}
.infoBox .info dd a {
	font-size: 12px;
	color: #767D85;
}
.company02 {
	padding: 60px 20px 100px;
}
.company02 h3 {
	padding-bottom: 25px;
	font-size: 14px;
}
.company02 h3 span {
	color: #C0C1C1;
	font-size: 11px;
}
.biofraphy {
    display: flex;
	flex-wrap: wrap;
}
.biofraphy dt {
    width: 8em;
	font-size: 12px;
	line-height: 2;
}
.biofraphy dd {
	font-size: 12px;
	line-height: 2;
}
.biofraphylist li {
	font-size: 12px;
	line-height: 2;
}
.company02 h4 {
	font-size: 14px;
	padding: 40px 0 15px;
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 767px) {
.company01 {
	padding: 60px 8vw 0;
}
.company02 {
	padding: 60px 8vw 60px;
}
.infoBox .info dt {
    padding-bottom: 0;
}
.infoBox .info {
    width: 100%;
	padding-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 400px) {
}