#koden-company-cards{padding:80px 0}#koden-company-cards .inner{margin:0 auto;max-width:1400px;width:90%}#koden-company-cards .cardListWrap .img{overflow:hidden}#koden-company-cards .cardListWrap .cardList{display:flex;flex-flow:wrap;justify-content:space-between}#koden-company-cards .cardListWrap li{background-color:#fff;border:1px solid #aaa}#koden-company-cards .cardListWrap a{background-color:#fff;display:flex;flex-flow:nowrap;text-decoration:none}#koden-company-cards .cardListWrap .txt{position:relative}#koden-company-cards .cardListWrap .txt .ttl{color:#151515;font-size:17px;width:100%}#koden-company-cards .cardListWrap .txt .viewmore{color:#192f60;display:inline-block;font-family:Jost,sans-serif;font-weight:500;text-align:right}#koden-company-cards .cardListWrap .txt .viewmore:before{background:#192f60;content:"";display:block;position:absolute;transform:translateY(-50%) scaleX(1);transform-origin:right;transition:all .3s cubic-bezier(.25,.1,0,.72);z-index:2}@media screen and (max-width:768px){#koden-company-cards .cardListWrap .cardList{margin:auto;max-width:600px;position:relative;z-index:2}#koden-company-cards .cardListWrap li{overflow:hidden;width:100%}#koden-company-cards .cardListWrap li+li{margin-top:20px}#koden-company-cards .cardListWrap a{height:37vw}#koden-company-cards .cardListWrap .img{position:relative;width:45%}#koden-company-cards .cardListWrap img{border-radius:5px 0 0 5px;left:50%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease-in-out;width:100%}#koden-company-cards .cardListWrap .txt{text-align:center;width:55%}#koden-company-cards .cardListWrap .txt .ttl{align-items:center;display:flex;font-size:17px;height:100%;justify-content:center;padding:0 4px}#koden-company-cards .cardListWrap .txt .viewmore{bottom:8px;font-size:11px;position:absolute;right:8px;z-index:2}#koden-company-cards .cardListWrap .txt .viewmore:before{height:1px;right:60px;top:50%;width:18px}}@media print,screen and (min-width:769px){#koden-company-cards .cardListWrap li{padding:20px;width:calc(50% - 10px)}#koden-company-cards .cardListWrap li:nth-child(n+3){margin-top:20px}#koden-company-cards .cardListWrap a:hover .viewmore:before{transform:translateY(-50%) scaleX(6)}#koden-company-cards .cardListWrap .img{margin-right:10px;width:214px}#koden-company-cards .cardListWrap img{width:100%}#koden-company-cards .cardListWrap .txt{width:calc(100% - 224px)}#koden-company-cards .cardListWrap .txt .ttl{font-size:20px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}#koden-company-cards .cardListWrap .txt .viewmore{bottom:0;font-size:16px;position:absolute;right:0}#koden-company-cards .cardListWrap .txt .viewmore:before{height:1px;left:-30px;top:50%;width:18px}}@media screen and (min-width:769px) and (max-width:1200px){#koden-company-cards .cardListWrap .img{width:160px}#koden-company-cards .cardListWrap .txt{width:calc(100% - 170px)}}#koden-company-cards{margin-left:-10px;margin-right:-10px}@media screen and (max-width:768px){#koden-company-cards{margin-left:-20px;margin-right:-20px;padding:40px 0}#koden-company-cards .inner{box-sizing:border-box;max-width:none;padding:0;width:100%}}