.main_name{
display:flex;
align-items: center;
justify-content: center;
padding-top: 160px; 
}

.main_name img{
width: 500px;
}

.image-container a {
display:inline-block;
padding: 50px 70px;
}

.image-container img{
height: 15px;
width:auto;
}

.image-container{
display:flex;
justify-content: center;
}

.works_title {
display:flex;
align-items: center;
justify-content: center;
padding-top: 80px;
}

.works_title img {
width: 100px;
}

.works_item img {
padding: 40 20px;
width: 100%;
}


.works_item p {
display:flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-family:serif;
}

ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 1000px;
}

ul li{
width:33%;

}
.works_item {
display:flex;
justify-content: center;
}




.about {
width: 700px;
height:auto;
position: relative;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.about img {
width:100%;
}

.about p {
position: absolute;
top: 35%;
left: 70%;
width:60%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
font-size: 14px;
line-height: 32px;
}


@media screen and (max-width: 767px) {

main{
margin:20px
}

.main_name{
display:flex;
align-items: center;
justify-content: center;
padding-top: 45px 
}

.main_name img{
width: 250px;
}

.image-container a {
display:inline-block;
padding: 20px 30px;
}

.image-container img{
width:auto;
height:7px;
}

.works_title img {
width: 100px;
}

.works_item p {
font-size: 15px;
font-family:serif
}

ul{
justify-content: space-between;
padding:0;
}

ul li{
width: 45%;
}

.about img{
width: 300px;
}

.about {
width: 100%;
}

.about p {
width: 60%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
font-size: 12px;
line-height: 38px;
padding-bottom: 20px;
}

.about p br{
display:none;
}


}