section .titleList{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 599px){section .titleList li{width:100%}section .titleList li:nth-child(n+2){margin-top:20px}}@media screen and (min-width: 600px){section .titleList li{width:calc(25% - 15px);margin-left:20px}section .titleList li:nth-child(n+5){margin-top:20px}section .titleList li:nth-child(4n+1){margin-left:0}}@media screen and (max-width: 599px){section .titleList li dl{display:-webkit-flex;display:flex}section .titleList li dl dd{width:40%}section .titleList li dl dt{width:60%}}section .titleList li dl dd{background:linear-gradient(45deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 50%, rgba(153,221,255,0.4) 50%, rgba(153,221,255,0.4) 100%);padding:10px}section .titleList li dl dt{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,0.4);font-size:0.8em;text-align:center;letter-spacing:0.05em;line-height:1.4em;padding:10px}section .titleList li img{display:block;width:100%}section .titleList+.text{text-align:center;margin-top:20px}