@charset "utf-8";
body {overflow: auto !important;}
#other-wrap {width: 100%; height: 100%; margin: 0;}
.group-wrap {width: 100%; height: 100%; padding-top: 50px;}
.group-wrap a {}
.img-wrap {float: left; width: 400px; height: 100%; padding: 30px 20px 0; border: 1px solid #eee;}
.group-wrap img {width: 100%;}
.text-img::before {position: absolute; margin-top: 5px; margin-left: 5px; content: '';display: block; clear: both; width: 40px; height: 40px; background-size: cover; border-radius: 30px;}
.group-wrap span {display: block; text-align: left; margin-left: 65px;}
.group-wrap .text-1 {font-size: 1.2em; font-weight: bold; padding: 5px 0;}
.group-wrap .text-2 {font-size: 0.9em;}
.group-wrap .text-3 {font-size: 0.9em;}

@media screen and (max-width: 767px) {
    #other-wrap {height: auto; background-position: top center; background-repeat: no-repeat;}
    .group-wrap {padding-top: 30%; max-width: 650px;}
    .img-wrap {width: 100%; height: 20%;}
}
@media screen and (min-width: 768px) and (max-width: 1249px) {
    .group-wrap {padding-top: 100px; max-width: 1000px !important; margin: auto;}
    .img-wrap {width: 45%;}
}