.about{
	max-width:1200px;
	margin:0 auto;
	padding:0 .8rem;
	box-sizing:border-box;
}
.a_content{ padding-bottom:.8rem; display:flex; align-items: center;}
.a_content .flex-1{ flex:1;}
.a_content .flex-1 .img-100 {
    width: 100%;
    object-fit: cover;
	display:block;
}
.a_content .flex-1 .name{
	padding-left:.8rem;
	line-height:2;
	font-size:1.25rem;
}
.banner2{ height:320px; width:100%; background:url(../images/about_02.jpg) no-repeat center center;}
.index_banner  img{ width: 100%; display: block; }
.index_banner  img:last-child{ display: none; }
@media only screen and (min-width: 320px) and (max-width:  481px) {
	.a_content{
		display:block;
	}
	.a_content .flex-1{ display:block;}
	.a_content .flex-1 .name{
		padding-left:0;
		padding-top:.8rem;
	}
}
.banner img{ display:block; width:100%;}

.recruit{ max-width:1200px; margin:0 auto; padding:0 4%;}
.recruit .r-content{
	padding:0 1rem 1rem; 
	border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5;
	margin-bottom:1rem;
}
.recruit .r-content .title{
	color: #545454;
	line-height:2;
	font-size:2rem;
}
.recruit .r-content .p{
	line-height:1.6;
	color: #222;
	font-size:1.6rem;
}
.recruit .r-content ol{
	padding-left: 1.4rem;
    list-style-type: none;
    counter-reset: sectioncounter;
	line-height:1.6;
	font-size:1.25rem;
	color: #8d8d8d;
}
.recruit .r-content li:before {
    content: counter(sectioncounter) ":";
    counter-increment: sectioncounter;
}
@media only screen and (min-width:351px) and (max-width:640px){
	.index_banner  img{ width: 100%; display: none; }
	.index_banner  img:last-child{ display: block; }
}