@charset "UTF-8";

/*ビフォーアフター*/
#before_after + div .inner_item:nth-of-type(1):nth-last-of-type(4), 
#before_after + div .inner_item:nth-of-type(2):nth-last-of-type(3), 
#before_after + div .inner_item:nth-of-type(3):nth-last-of-type(2), 
#before_after + div .inner_item:nth-of-type(4):nth-last-of-type(1) {
    width: 22.75%;
    margin-left: 3%;
}
#before_after + div .inner_item:nth-of-type(1) {
    margin-left: 0 !important;
}
#before_after + div .inner_item{
    position: relative;
}
#before_after + div .inner_item:nth-of-type(1):nth-last-of-type(4)::before, 
#before_after + div .inner_item:nth-of-type(3):nth-last-of-type(2)::before{
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: -9%;
    width: 15px;
    height: 15px;
    border-top: 3px solid var(--i_main_color);
    border-right: 3px solid var(--i_main_color);
    transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 920px){
#before_after + div .inner_item:nth-of-type(1):nth-last-of-type(4), 
#before_after + div .inner_item:nth-of-type(2):nth-last-of-type(3) {
    margin-bottom: 0;
}
}
@media screen and (max-width: 700px){
#before_after + div .inner_item:nth-of-type(1):nth-last-of-type(4), 
#before_after + div .inner_item:nth-of-type(2):nth-last-of-type(3), 
#before_after + div .inner_item:nth-of-type(3):nth-last-of-type(2), 
#before_after + div .inner_item:nth-of-type(4):nth-last-of-type(1) {
    width: 45% !important;
}
#before_after + div .inner_item:nth-of-type(2n) {
    margin-left: 10% !important;
}
#before_after + div .inner_item:nth-of-type(1):nth-last-of-type(4)::before, 
#before_after + div .inner_item:nth-of-type(3):nth-last-of-type(2)::before{
    right: -15%;
    width: 20px;
    height: 20px;
}
}