.main{
	width: 100%;
	padding: 0 var(--padding);
	padding-top: 4rem;
	padding-bottom: 2rem;
	flex-direction: column;
	background-size: cover;
	background-position: center;
}
.description{
	padding-top: 0;
	margin-top: 2.4rem;
	background-image: url(../image/about-bg1.jpg);
}
.company{
	min-height: 30rem;
	background-image: url(../image/about-bg2.png);
}
.rule{
	background-image: url(../image/about-bg3.jpg);
}
.main h1{
	font-size: 3rem;
	color: var(--blue);
	margin-bottom: 2.4rem;
}
.main p{
	max-width: 75%;
    color: var(--black);
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
.main ol{
	color: var(--black);
	font-size: 1.6rem;
	padding-left: 2rem;
}
.main ol li{
	margin-bottom: 1rem;
}

/* media */
@media (max-width: 769px) {
	.main p{
		max-width: 100%;
	}
}
@media (max-width: 467px) {
	
}