.wrapper{padding:32px 16px 80px}.wrapper .title{margin:auto;max-width:820px}.wrapper .title h1{font-size:24px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-.2px;margin-bottom:20px}.wrapper .title p{margin-bottom:40px}.wrapper p,.wrapper a{font-size:14px;line-height:1.43;letter-spacing:.25px}.wrapper .case-wrapper{width:100%;max-width:504px;min-width:288px;margin:auto}.wrapper .case-wrapper .case{padding:19px 16px 17px;border-radius:2px;background-color:transparent;width:100%;transition:all .3s ease-in-out;border:solid 1px #e0e0e0}.wrapper .case-wrapper .case:not(:last-child){margin-bottom:20px}.wrapper .case-wrapper .case:hover{box-shadow:0 1px 4px #0003}.wrapper .case-wrapper .case .case-image-wrapper{display:flex;justify-content:center;align-items:center;width:20.25%;height:100%;padding-right:20px}.wrapper .case-wrapper .case .case-content{flex:1}.wrapper .case-wrapper .case .case-content h2{font-size:18px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:.2px;margin-bottom:4px;text-align:left}.wrapper .case-wrapper .case .case-content p{letter-spacing:.1px;line-height:1.43;font-size:14px}@media only screen and (min-width:720px){.wrapper{padding:40px 20px 80px}.wrapper .title h1{font-size:32px;line-height:normal;letter-spacing:-.27px}.wrapper .title p{font-size:16px;line-height:1.75;letter-spacing:.44px}.wrapper .case-wrapper .case{padding:29px 20px 27px}}@media only screen and (min-width:1280px){.wrapper{padding:40px 20px 200px}.wrapper .title h1{font-size:40px;letter-spacing:-.33px}.wrapper .case-wrapper{max-width:1600px}.wrapper .case-wrapper .case{padding:19px 30px 17px}.wrapper .case-wrapper .case:not(:last-child){margin-bottom:0;margin-right:20px}.wrapper .case-wrapper .case .case-image-wrapper{padding-right:30px;width:21.25%}}