.con_gap{margin-top: 10px;}

.area1{position: relative; word-break:keep-all; padding-bottom: 10px}
.area1::before{content:""; position: absolute; right:0px; bottom:10px; width: 165px; height: 115px; background: #4d96ff;}
.area1 .a1_photo{margin-top: 20px; height: 320px; background: url(../../../images/page/srccp/daycareService_photo_01.jpg) no-repeat center; background-size: cover;}
.area1 .a1_info{position: relative; margin: 10px; margin-top: -30px; background: #000; padding: 20px; color:#fff;}

.area2{position: relative;}
.area2 .table{min-width: 510px;}
.area2 ul.square li:before{top:6px;}
.table_slider_wrap{position:absolute; right:0; top:-20px; display: inline-block; width: 100%; text-align: right;}
.table_slider{position: absolute; right:0px; top:-2px; font-size: 18px; display: inline-block; width: 60px;}
.table_slider .la-arrow-left{float: left;}
.table_slider .la-hand-point-up{position: absolute; left:50%; margin-left: -9px; top:0;
    animation:moveBox 0.8s ease-in-out infinite alternate-reverse;}
.table_slider .la-arrow-right{float: right;}
.table_wrap{position: relative; overflow-x: scroll;}


@media all and (min-width:550px){
    .table_slider_wrap{display: none;}
    .table_wrap{overflow: hidden;}

    .area2 ul.square li:before{top:7px;}
}

@media all and (min-width:768px) {
    .con_gap{margin-top: 20px;}

    .area1 {background: url(../../../images/page/srccp/service_bg_01.png) no-repeat right top 140px; background-size: 300px 154px; overflow: hidden;}
    .area1::before{width: 240px;}
    .area1 .a1_photo{width: 490px; height: 318px; margin-top: 40px;}
    .area1 .a1_info{width: 430px; float: right; margin-top: -120px;}

    .area2.mt40{margin-top: 80px;}
    .area2 ul.square li:before{top:7px;}
}

@media all and (min-width:900px) {
    .area1 {background-position: right top 100px; background-size: 400px 206px;}
    .area1::before{width: 260px;}
    .area1 .a1_photo{width: 520px; height: 339px; margin-top: 40px;}
    .area1 .a1_info{width: 500px; margin-top: -140px;}
}
@media all and (min-width:1000px) {
    .con_gap{margin-top: 40px;}

    .area1 {background-position: right top 115px; background-size: 450px 231px;}
    .area1::before{right:10px;}
    .area1 .a1_photo{width: 600px; height: 391px; margin-top: 50px; margin-left: 10px;}
    .area1 .a1_info{width: 500px; margin-right: 20px; margin-top: -150px;}
    .area2 ul.square li:before{top:8px;}

}
@media all and (min-width:1200px) {
    .area1 {background-position: right top 115px; background-size: 543px 279px;}
    .area1::before{right:20px;}
    .area1 .a1_photo{width: 690px; height: 450px; margin-top: 50px; margin-left: 20px;}
    .area1 .a1_info{width: 500px; margin-right: 30px;}

}

@keyframes moveBox {
	from {left:44%;}
	to {left:56%;}
}
-webkit-@keyframes moveBox {
    from {left:44%;}
	to {left:56%;}
}