/* CSS Document */
#class #class-top-01 {
    padding:  0;
}
#about-01{
	background:  no-repeat 80% bottom  #5d5756 url("../img/pota.gif");
	background-size: 13%;
	position: relative;
	color:#fff;
	padding:0 0 100px 30% ;
}

#toureki,#kotenreki{
	width: 80%;
}
.about-box li {
	line-height: 2;
}
.about-box li span{
	margin-right:10px;
}	


#about-01 p{
	line-height: 1.5;
}
.signmark{
	position:absolute;
	margin-top:30px;
	
}
.signmark img{
	width:100px;
}
.maysan-sp{
	display:none;
}
.maysan{
	position: absolute;
	top:70px;
	left:-2%;
}
.maysan img{
	width:300px;
}
@media (max-width: 900px) {
#about-01 {
    padding: 0 0 100px 40%;
}

}
@media (max-width: 800px) {
#about-01 {
    padding: 0 0 100px 25%;
}
.maysan {
    top: 30px;
}

.maysan img {
    width: 200px;
}
}
@media (max-width: 777px) {
.img-box{
	display: flex;
	padding-top:20px;
	}
.about-box li span {
    margin-right: 0;
	display: block;
}
.about-box li {
    line-height:inherit;
	margin-bottom:2%;
}
#about-01 {
    padding: 0;
}
.maysan {
    display: none;
}
.maysan-sp img{
    width:100%;
}
.maysan-sp {
	display: block;
	width: 100px;
	}
.signmark{
		position: inherit;
	margin-left:5%;
	}
#toureki, #kotenreki {
    width: 100%;
}
.colorbg-ba {
    height: 70px;
}
}