.m-recruit{width:100%;max-width:825px;margin:auto}.m-recruit ul.recruit-content{display:-webkit-box;display:-ms-flexbox;display:flex}.m-recruit ul.recruit-content li{position:relative;width:400px;border:1px solid #cdcdcd;margin-right:30px;background:#fff}.m-recruit ul.recruit-content li:after{position:absolute;content:"";width:7px;height:7px;right:16px;bottom:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);background:transparent;z-index:1}.m-recruit ul.recruit-content li:before{position:absolute;content:"";right:-1px;bottom:-1px;border-left:40px solid transparent;border-bottom:80px solid #00afd7;z-index:1;-webkit-transition:all .3s;transition:all .3s}.m-recruit ul.recruit-content li:hover a{color:#00afd7}.m-recruit ul.recruit-content li:hover:before{border-bottom:80px solid #425563}.m-recruit ul.recruit-content li a{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px 50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:2.0rem;font-weight:bold;-webkit-transition:color .3s;transition:color .3s}.m-recruit ul.recruit-content li a p{margin:0}.m-recruit ul.recruit-content li:nth-child(2n){margin-right:0}@media screen and (max-width:767px){.m-recruit ul.recruit-content{-ms-flex-wrap:wrap;flex-wrap:wrap}.m-recruit ul.recruit-content li{width:100%;margin-right:0;border-left:0}.m-recruit ul.recruit-content li:first-child{border-bottom:0}.m-recruit ul.recruit-content li:hover:before{border-bottom:60px solid #425563}.m-recruit ul.recruit-content li:after{width:6px;height:6px;right:10px;bottom:10px;border-top:2px solid #fff;border-right:2px solid #fff}.m-recruit ul.recruit-content li:before{border-left:30px solid transparent;border-bottom:60px solid #00afd7}.m-recruit ul.recruit-content li a{padding:14px 40px 14px 20px;font-size:1.4rem}.m-recruit ul.recruit-content li a .icon{width:35px}}