@charset "utf-8";
/* CSS Document */
.creator {
    text-align: center;
    font-size: 20px;
    margin: 150px 0 0;
}
.creator span{
     position: relative;
     display: inline-block;
     padding: 0 8px;
     font-weight: bold;
}      
.creator span::before,
.creator span::after{
     position: absolute;
     content: '';
     top: 50%;
     width: 40px;
     height: 1px;
     background-color: #000;
} 
.creator span::before {
     left: 100%;
}
.creator span::after { 
     right: 100%;
}
.free-area.about .btn{
	margin: 50px 0 100px;
}
.free-area.about .btn p{
	font-size: 20px;
	text-align: center;
}
.free-area.about .btn a{
	width: 240px;
    background: #333;
    border: 1px solid #333;
    color: #fff;
    border-radius: 8px;
    margin: 30px auto 0;
    padding: 16px 0;
    text-align: center;
}
.free-area.about .btn a:hover{
  background: #fff;
  color: #333;
  opacity: 1;
}
.free-area.about .test-about{
     line-height: 30px;	
}
.free-area.about .test-about h3{
     position: relative;
     padding: 0 0 10px;
     font-size: 18px;
     font-weight: bold;
}
.free-area.about .test-about h3::after{
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     width: 100%;
     height: 8px;
     box-sizing: border-box;
     border-top: solid 3px #d8d8d8;
     border-bottom: solid 1px  #d8d8d8	
}

.free-area.about .test-about .box{
     margin: 30px 0 0;		
}
.free-area.about .test-about .box p{
    margin: 10px 0 0;		
}
.free-area.about .test-about .box .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 20px;

}
.free-area.about .test-about .box .flex img{
    border-radius: 50%;
    margin: 0 auto 20px;
    width: 60%;
}
.free-area.about .test-about .box .list{
    width: 30%;
}
.free-area.about .test-about .box .list .title{
    text-align: center;
    font-weight: bold;
}
.free-area.about .test-about .box p.ti{
    margin: 10px 0 0;		
	text-indent: -1em;
    padding-left: 1em;
    display: block;
}
.free-area.about .test-about .box p.ti{
	font-size: 13px;
	color: red;
}


/* common ---------------------------------------- */
@media screen and (max-width:899px){
/* common ---------------------------------------- */
    .free-area.about .test-about .box .list{
        width: 100%;
        margin: 50px 0 0;
    }
    .free-area.about .test-about .box .list:first-child{
        margin: 0;
    }
    .free-area.about .test-about .box .flex img{
        width: 50%;
    }





}