@charset "utf-8";
/* CSS Document */

#guide_top { margin-bottom:25px; }
#guide_top ul{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:10px; }
#guide_top ul li{ box-sizing:border-box; width:270px; border:#ccc 1px solid; border-radius:2px;  margin-bottom:20px; }
#guide_top ul li h2{ font-weight:bold; font-size:16px; color:#3b8935; }
#guide_top ul li a{ display:flex; align-items:center;  color:#555; padding:9px 25px 9px 8px;  position:relative; }
#guide_top ul li a{ font-size:13px; color:#333; text-decoration:none; }
#guide_top ul a:after{ content:""; display:inline-block; width:7px; height:7px; border-top:#69a752 3px solid; border-right:#69a752 3px solid; transform:rotate(45deg); position:absolute; right:9px; top:50%; margin-top:-5px; }
#guide_top ul li img{ margin-right:10px; }


@media screen and (max-width: 767px) {
#guide_top { margin-bottom:30px; }
#guide_top ul{ justify-content:space-around; }
#guide_top ul li{ width:47%; border:#ccc 1px solid; border-radius:2px;  margin-bottom:20px; }
#guide_top ul li a{ display:flex; align-items:center; color:#555; padding:9px 25px 9px 8px; position:relative; }
#guide_top ul li a{ font-size:12px; color:#333; }
#guide_top ul li a:after{ right:10px; }
#guide_top ul li img{ margin-right:15px; }

}

/*
@media screen and (max-width: 530px) {
#guide_top ul li a{ padding-right:25px; }
#guide_top ul li a:after{ right:10px; }
#guide_top ul li img{ margin-right:8px; }

}*/

@media screen and (max-width: 570px) {
#guide_top ul{ display:block; margin:10px 10px 25px 10px; }
#guide_top ul li{ width:100%; margin:0 auto 12px auto; }

}