main #pick p{text-align:center;margin-bottom:2rem}main #pick ol{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}main #pick ol li{overflow:hidden;width:calc(100%/3)}main #pick ol li a{color:#fff;display:block;height:auto;position:relative;padding:100% 0 0;box-sizing:border-box;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important}main #pick ol li a span{position:absolute;z-index:2}main #pick ol li a .title02{padding-left:3rem;top:3rem;left:3rem}main #pick ol li a .title02:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2rem;height:1px;background:#fff}main #pick ol li a .title01{top:6rem;left:3rem}main #pick ol li a .btn{width:10rem;height:10rem;border-radius:5rem;text-align:center;padding:37px 0 43px;box-sizing:border-box;position:relative;display:block;overflow:hidden;z-index:1;border:1px solid #fff;position:absolute;right:3rem;bottom:3rem}main #pick ol li a .btn img{position:relative;z-index:1}main #pick ol li a .btn:before{content:"";position:absolute;top:0;bottom:0;left:0;transform:translateX(-100%);transition:.5s transform}@media screen and (max-width: 810px){main #pick ol li a .btn{width:6rem;height:6rem;border-radius:3rem;padding:1.6rem 0}}main #pick ol li a .btn:before{right:-10rem;border-right:10rem solid transparent;border-bottom:10rem solid rgba(255,255,255,0.3)}main #pick ol li a:hover .btn:before{transform:translateX(0)}main #pick ol li:first-child a{background:url("../img/top/bg_works-item01.jpg")}main #pick ol li:nth-child(2) a{background:url("../img/top/bg_works-item02.jpg")}main #pick ol li:nth-child(3) a{background:url("../img/top/bg_works-item03.jpg")}main #pick ol li:last-child a{background:url("../img/top/bg_works-item04.jpg")}main #works-top .wrapper{display:flex}main #works-top .wrapper dl{width:calc(50% - 6rem /2);margin-right:6rem}main #works-top .wrapper img{width:50%}@media screen and (max-width: 960px){main #pick ol li a .title02{top:2rem;left:2rem}main #pick ol li a .title01{top:5rem;left:2rem;font-size:2rem}main #pick ol li a .btn{right:2rem;bottom:2rem;width:6rem;height:6rem;padding:16px 0 16px}main #works-top .wrapper{display:block}main #works-top .wrapper dl{max-width:60rem;width:100%;margin:0 auto}main #works-top .wrapper img{max-width:60rem;width:100%;margin:3rem auto 0;display:block}}@media screen and (max-width: 810px){main #pick ol{display:block;max-width:425px;margin:0 auto}main #pick ol li{width:100%;margin-bottom:3rem}main #pick ol li:last-child{margin-bottom:0}main #pick ol li a{padding:61% 0 0}main #pick ol li a .title02{top:2rem;left:2rem}main #pick ol li a .title01{top:5rem;left:2rem}main #pick ol li a .btn{right:2rem;bottom:2rem}}
