#cloud-hero{background-color:#f7f7f7;border-bottom:1px solid #e8e8e8;padding:6em 0 5em}#cloud-hero .cloud-hero-en{color:#777;font-size:.75rem;letter-spacing:.15em;margin-bottom:.6rem}#cloud-hero .cloud-hero-title{font-size:2rem;font-weight:700;margin-bottom:1.2rem}@media (max-width:575.98px){#cloud-hero .cloud-hero-title{font-size:1.5rem}}#cloud-hero .cloud-hero-desc{color:#555;font-size:1rem;line-height:1.9}#cloud-cta{padding:6em 0}#cloud-cta .cloud-cta-heading{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.25rem}#cloud-cta .cloud-cta-lead{color:#555;font-size:.95rem;line-height:2;margin-bottom:2rem}#cloud-cta .cloud-cta-btn{background:#333;border-radius:3px;color:#fff;font-size:.95rem;letter-spacing:.05em;padding:.75em 2.5em;transition:background .2s ease}#cloud-cta .cloud-cta-btn:hover{background:#555;color:#fff}#cloud-cta .cloud-cta-btn i{transition:transform .2s ease}#cloud-cta .cloud-cta-btn:hover i{transform:translateX(4px)}#cloud .banner{align-items:center;background-image:url(../img/cloud/banner.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:640px;justify-content:center;text-shadow:0 0 .5rem hsla(0,0%,100%,.5);width:100%}#cloud .banner h1{margin-bottom:3rem}#cloud .banner p{text-align:center}#cloud .box{border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 0 .25rem rgba(0,0,0,.1);color:unset;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem;transition:transform .25s ease,box-shadow .25s ease}#cloud .box:hover{box-shadow:0 12px 32px rgba(0,0,0,.08);text-decoration:none;transform:translateY(-4px)}#cloud .box h3{align-items:baseline;display:flex;flex-direction:row;font-size:1.25rem;font-weight:600;gap:.5em;margin-bottom:1rem;margin-top:1.5rem}#cloud .box h3 .box-kana{color:#aaa;font-size:.75rem;font-weight:400;letter-spacing:.05em}#cloud .box h3 .box-kana:before{color:#ccc;content:"/";margin-right:.4em}#cloud .box p{color:#555;font-size:.875rem;line-height:1.8;margin:0}#cloud .box .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;margin-top:1rem}#cloud .box .tags span{background-color:#eee;border-radius:.5rem;font-size:.875rem;padding:.5rem 1rem}#cloud .box .box-note{border-top:1px solid #f0f0f0;color:#888;font-size:.775rem;margin-bottom:0;margin-top:.75rem;padding-top:.75rem}#cloud .box .link{font-size:.875rem;text-align:right}@media (max-width:991.98px){#cloud .box{padding:1.5rem}}