@charset "UTF-8";

@media screen and (min-width: 768px){
    section > .inner {
        max-width: 1240px;
    }
}
.exam_wrap {
    margin-bottom: 1.5em;
}
.exam_wrap .exam {
    width: 100%;
    padding: 0;
    margin-bottom: 1.875em;
}
@media screen and (min-width: 768px){
    .exam_wrap .exam {
        margin-bottom: 4.5em;
    }
}
.exam_wrap .card {
    height: 100%;
    padding: 20px;
    border: 0;
    border-radius: 0.5em;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
    color: #000;
    overflow: hidden;
}
@media screen and (min-width: 768px){
    .exam_wrap .card {
        padding: 2em 1.5em;
    }
}
@media screen and (min-width: 768px){
    .exam_wrap .card {
        padding: 3em 2.5em;
    }
}
@media screen and (min-width: 1200px){
    .exam_wrap .card {
        padding: 5em 4.375em;
    }
}
.exam_wrap .card-body {
    padding: 0;
}
@media screen and (min-width: 768px){
    .exam_wrap .card-body {
        padding-left: 1em;
    }
}
@media screen and (min-width: 992px){
    .exam_wrap .card-body {
        padding-left: 2em;
    }
}
@media screen and (min-width: 1200px){
    .exam_wrap .card-body {
        padding-left: 3em;
    }
}
.exam_wrap .card-body h3 {
    margin-bottom: 1em;
    font-size: 125%;
    font-weight: 700;
    line-height: 1.5;
}
@media screen and (min-width: 992px){
    .exam_wrap .card-body h3 {
        margin-bottom: 1.6em;
    }
}
@media screen and (min-width: 1200px){
    .exam_wrap .card-body h3 {
        margin-bottom: 3.5em;
    }
}
@media screen and (min-width: 768px){
    .exam_wrap .card figure {
        height: 100%;
    }
}

.exam_wrap .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}