@charset "UTF-8";
/* ---------- cont_contact ---------- */
.cont_online{
	margin:0 0 50px 0;
}
.cont_online .ep{
    margin:0 0 70px 0;
}
.cont_online .ep h3{
    font-size:1.3rem;
    margin:0 0 1em 0;
}
.cont_online .info{
}
.cont_online .info h3{
    font-size:1.3rem;
    margin:0 0 2em 0;
    position:relative;
}
.cont_online .info h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 50px;
  height: 2px;
  left: 0;
  background-color: black;
  border-radius: 2px;
}
.cont_online .info .info_step{
    margin:30px 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.cont_online .info .info_step li{
    width:49.5%;
    margin:0 0 10px 0;
	background:#f1f1ee;
    padding:3%;
    box-sizing:border-box;
}
.cont_online .info .info_step li h4{
    margin:0 0 10px 0;
    font-size:1.1rem;
}
.cont_online .info .info_step li h4 span{
    margin:0 0.5em 0 0;
    font-size:150%;
}
.cont_online .info .info_step li .img{
    overflow:hidden;
    margin:20px 0;
}
.cont_online .info .info_step li .img img{
    object-fit:cover;
    width:100%;
    height:100%;
}


/* ----------768px---------- */
@media screen and (max-width: 768px) {
    .cont_online .info .info_step{
        display:block;
        justify-content:unset;
    }
    .cont_online .info .info_step li{
        width:100%;
        padding:5%;
    }
}
/* ----------519px---------- */
@media screen and (max-width: 768px) {
}