@charset "utf-8";.header{background-color:#00a5e3;height:8.5rem}.cloudus-headlign-txt-sma{display:none}.category-select{text-align:center;padding:2rem;background-color:#f0f0f0;height:12.6rem;margin-bottom:3rem;border-radius:1.5rem}.category-select h3{font-size:1rem;margin-top:1rem}.TabList-outer{margin-top:2rem}.TabList.flex{display:flex;align-items:center;justify-content:center;column-gap:1rem}.TabList a{padding:.8rem 0;width:16%;display:block;color:#35383e;text-align:center;border-radius:.4rem;font-size:1rem;box-sizing:border-box;opacity:1;cursor:pointer;letter-spacing:.2em}.TabList .all{background-color:#d9d9d9;border-radius:.4rem}.TabList .order{background-color:#b7e5f7;border-radius:.4rem}.TabList .dispatch{background-color:#e0ecb8;border-radius:.4rem}.TabList .sales-support{background-color:#fad2e3;border-radius:.4rem}.TabList .all.is-active{background:#8f8f8f;color:#ffff}.TabList .order.is-active{background:#4bbfeb;color:#ffff;opacity:1}.TabList .dispatch.is-active{background:#b5d35a;color:#ffff;opacity:1}.TabList .sales-support.is-active{background:#ec4c92;color:#ffff;opacity:1}.TabList a:hover{opacity:.5}.inwrapper{display:grid;grid-template-columns:repeat(3,minmax(24rem,1fr));grid-auto-rows:repeat(3,1fr);column-gap:3rem;row-gap:4rem;justify-items:center}.inwrapper-box{background-color:#fff;border-radius:1.25rem;box-shadow:0px 0px 6px 1px rgba(0,0,0,.16);width:100%}.inwrapper-box:hover{opacity:.7}.inwrapper-box a{display:inline-block;width:100%;height:auto}.company-img img{border-radius:1.25rem 1.25rem 0 0;height:180px;width:100%;object-fit:cover}.inwrapper-box-company{padding:1.56rem 1.88rem 2.5rem}.department{display:inline-block;margin:0 0 .38rem;padding:.4rem .8rem .4rem 1rem;color:#fff;font-size:.9rem;font-weight:700;text-align:center;text-wrap:nowrap;border-radius:.25rem;letter-spacing:.2rem;width:7rem;display:flex;justify-content:center}.department span{text-align:center}.order{background-color:#4bbfeb}.order span{letter-spacing:.2em;margin:0;padding:0}.dispatch{background-color:#b5d35a}.dispatch span{letter-spacing:.2em;text-align:center;margin:0;padding:0}.sales-support{background-color:#ec4c92}.sales-support span{letter-spacing:.2em;text-align:center;margin:0;padding:0}.company-logo{height:4.8rem;width:11rem;display:grid;place-content:left}.company-logo img{height:4.8rem;object-fit:contain;padding:.5rem}.hr{margin-top:.25rem;border:.031rem solid #d2d2d2}.company-name{font-size:1.25rem;color:#87888b;margin-top:1rem;text-align:left}.company-intro{font-size:1.5rem;font-weight:700;margin-top:1rem;text-align:left}@media all and (max-width :1024px){.header{height:6rem}.category-select{padding:1rem;height:9.5rem;margin-bottom:3.75rem}.category-select h3{font-size:1rem}.TabList.flex{column-gap:.5rem;margin-bottom:1rem}.TabList a{width:calc(18% - 1rem)}.TabList a{padding:.5rem;font-size:.9rem;letter-spacing:.1rem}.inwrapper{grid-template-columns:repeat(3,minmax(12rem,1fr));grid-auto-rows:repeat(3,1fr);column-gap:1.5rem;row-gap:2.5rem}.inwrapper-box-company{padding:.8rem .8rem 1.5rem}.department{font-size:.625rem;margin:0 0 .2rem;padding:.25rem .63rem .3rem .83rem;width:5rem}.company-logo{height:2.8rem;width:6.3rem}.company-logo img{height:2.8rem;padding:.3rem .3rem .3rem .2rem}.hr{margin-top:.1rem}.company-name{font-size:.8rem;margin-top:.5rem;text-align:left}.company-intro{font-size:1rem;font-weight:800;margin-top:.5rem;line-height:1.4}.company-img img{height:120px;width:100%;object-fit:cover}}@media all and (max-width :599px){.header{height:3.125rem}.cloudus-headlign-txt-sma{display:block}.category-select{padding:1rem;height:12rem;margin-bottom:2rem}.category-select h3{font-size:1rem}.inwrapper{grid-template-columns:repeat(1,minmax(19rem,1fr));grid-auto-rows:repeat(3,1fr);column-gap:0;row-gap:1.75rem}.inwrapper-box{height:28.25rem}.inwrapper-box-company{padding:.8rem 1rem 1.5rem}.TabList.flex{flex-wrap:wrap;column-gap:.4rem;row-gap:.4rem}.TabList a{width:calc(42% - 0.875rem)}.TabList a{padding:.5rem .5rem .6rem;font-size:.9rem;margin-bottom:0}.department{font-size:.9rem;margin:0 0 .5rem;padding:.35rem .75rem .35rem .95rem;width:7rem}.company-logo{height:3rem;width:10rem}.company-logo img{height:3rem}.company-img img{height:180px;width:100%;object-fit:cover}.hr{margin:.62rem 0}.company-name{font-size:.9rem}.company-intro{font-size:1.2rem;margin:.6rem 0;line-height:1.5}}@media (min-width:1025px) and (max-width:1600px){.inwrapper{grid-template-columns:repeat(3,minmax(11rem,1fr));grid-auto-rows:repeat(3,1fr);column-gap:2rem;row-gap:2.5rem}.inwrapper-box:hover{opacity:.7}.inwrapper-box a{display:block}.company-img img{border-radius:1.25rem 1.25rem 0 0}.department{margin:0 0 .38rem;width:6.5rem}.company-logo{height:3.8rem;width:12rem;max-width:100%;text-align:left}.company-logo img{height:3.8rem}.hr{margin-top:.25rem;border:.03rem solid #d2d2d2}.company-name{font-size:.9rem;margin-top:1rem;text-align:left}.company-intro{font-size:1.25rem;margin-top:.5rem}.TabList li{width:8rem}.TabList li a{letter-spacing:.1rem;font-size:.95rem}}