.use_case{background:#fff;padding:50px 0}.use_case_wrap ul{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none}.use_case_wrap ul li{min-width:220px;width:calc(25% - 15px)}.use_case_wrap ul li a{align-items:center;background:#f2f9ff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;gap:10px;height:100%;padding:30px 20px 56px;position:relative;text-decoration:none;transition:.3s ease}.use_case_wrap ul li a:hover{opacity:.8}.use_case_wrap ul li a:hover:before{bottom:25px}.use_case_wrap ul li a:before{background-image:url(https://www.smartmat.io/hubfs/icon_usecase_arrow.svg);background-repeat:no-repeat;background-size:contain;bottom:30px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%);transition:.3s ease;width:20px}.use_case_wrap ul li a .is-icon img{height:50px;width:50px}.use_case_wrap ul li a .is-text{color:#3273dc;flex-grow:1;font-family:Noto Sans JP;font-size:16px;font-weight:700;margin:0!important}@media screen and (max-width:768px){.use_case_wrap ul li{min-width:auto;width:calc(50% - 10px)}.use_case_wrap ul li a{padding:24px 16px 40px}.use_case_wrap ul li a .is-icon img{height:40px;width:40px}.use_case_wrap ul li a .is-text{font-size:14px;line-height:20px}.use_case_wrap ul li a:before{bottom:20px}}@media screen and (max-width:500px){.use_case_wrap ul li a{flex-direction:column}}