.hellobox { position:relative; margin:30px 0 0 0; padding:0; background:#fff; overflow:hidden; position:relative; max-width:900px; }
.hellobox h3.hllttl { margin:0 0 20px; font-size:1.2rem; font-family:'Roboto', sans-serif; font-weight:400; }
.hellobox ul.xp_thumbnails { display:inherit; flex-wrap:inherit; white-space:nowrap; flex-direction:inherit; margin-bottom:50px; padding-bottom:30px; align-items:center; list-style-type:none!important; overflow-x:scroll!important; }
.hellobox ul.xp_thumbnails li { margin:0 30px 0 0; display:inline-block; max-width:100px; }
.hellobox div.xp_post { margin-left:0; margin-right:0; width:110%; }
.hellobox .xp_thumbnail {  }
.hellobox img.xp_thumbnail_image { width:100%; }
.hellobox .xp_staff_info_card { position:relative; display:block; z-index:111; }
.hellobox img.xp_staff_info_image { width:45px!important; height:45px!important; display:table; margin:-30px auto 15px; border:1px solid #111; }
.hellobox .xp_staff_info_card div { width:100%; text-align:center; }
.hellobox p.xp_staff_info_name { font-size:0.75rem; line-height:1.5; text-align:center; transform:translateY(20px); }
.hellobox p.xp_staff_info_business { font-size:0.85rem; line-height:1.2; text-align:center; transform:translateY(-15px); }

.movie-scroll { position:absolute; bottom:30px; right:15px; animation: arrow 1.5s infinite linear; }
@keyframes arrow { 0% {transform:translateX(0px);} 50% {transform:translateX(10px);} 100% {transform:translateX(0px);} }



@media screen and (max-width: 520px) {
.hellobox { margin:20px 0 0 0; padding:0; }
.hellobox h3.hllttl { margin:0 0 20px; font-size:1rem; }
.hellobox ul.xp_thumbnails li { margin:0 15px 0 0; max-width:120px; }
}