.ul-top-taillist { margin:40px 0; padding:0; display:flex; flex-wrap:wrap;}
.ul-top-taillist li { width:50%; list-style:none; position:relative; display:flex; align-items:center; padding:0 5px; margin-bottom:24px; box-sizing:border-box; align-items:flex-start;}
.ul-top-taillist li a { display:block; text-align:center;}
.ul-top-taillist li a figure { width:100%; position:relative; margin:0; display:block; height:100%;}
.ul-top-taillist li a figcaption { font-size:16px; font-weight:bold;}
.ul-top-taillist li a:hover figure figcaption { }
.ul-top-taillist li img { object-fit:contain; margin-bottom:18px;}
.ul-top-taillist.col-3 { margin:-40px 0 0;}
.ul-top-taillist.col-3 li { width:calc(100% / 3); margin-bottom:24px;}
@media screen and (max-width:768px){
  .ul-top-taillist { margin:0;}
  .ul-top-taillist li { margin-bottom:12px;}
  .ul-top-taillist li img { height:auto; margin-bottom:6px;}
  .ul-top-taillist.o2 { padding-top:24px;}
  .ul-top-taillist.o2 li { width:100%; margin:0;}
  .ul-top-taillist.o2 li img { margin-bottom:18px;}
  
  .ul-top-taillist.col-3 { margin:0;}
  .ul-top-taillist.col-3 li { margin:0;}
  .ul-top-taillist.col-3 li img { margin-bottom:18px;}

  .container { width:auto; padding:0 20px;}
}