@media (min-width: 1000px) {
h3 {
	position: relative;
}
.merit_box h3 {
opacity: 0;
right: 5%;
}
.merit_box .point {
	opacity: 0;
}

.merit_box .merit_box_img {
	opacity: 0;
	left: 5%;
	position: relative;
}
#h_p_area,
.cv_box h2,
#flow h2,
.white h2,
#voice h2,
#company h2,
#qa h2,
#voice .inner,
#qa .inner,
#company .inner,
.cv_box .cv_list li,
.cv_box .cv_link,
.flow_box ul li,
.merit_box .merit_box_text_text
{
	opacity: 0;
	top: 5%;
	position: relative;
}
body .cv_box.before_none * {
	opacity: 1;
	top: 0;
	/*position: relative;*/
}
}










.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.img_b {
    position: relative;
    max-width: 500px;
    margin: 100px auto;
}

.img_b a:before {
    animation: anime 2s ease-out infinite;
}
.img_b a:after {
    animation: anime 2s ease-out 1s infinite;
}

.img_b a:before,.img_b a:after {
    content: "";
    position: absolute;
/*    z-index: -10;*/
    width: 100%;
    height: 100%;
    top: 3px;
    left: 0;
    border-radius: 50px;
    background: #9bd6fb;
    border: 1px solid #9bd6fb;
    transform: translate3d(0, 0, 0);
}
*, ::after, ::before {
    box-sizing: border-box;
}