.case-examples{width:700px;border-radius:5px;background-color:#F8F8F8}.case-examples img{display:block}.case-examples.souzoku{width:810px}.case-examples .case-examples__header{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:4px 4px 0 0;background-color:#6E327D}.case-examples .case-examples__header.souzoku{background-color:#007D46}.case-examples .case-examples__header .case-examples__title{color:#FFF;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:18px;font-weight:700;line-height:1.8;letter-spacing:0.54px}.case-examples .case-examples__header .about_order_link .about_order_box{box-sizing:border-box;position:relative;width:108px;height:26px;border-radius:6px;border:1px solid #E6E6E6;background-color:#FFF;color:#747474;text-align:center;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:12px;font-weight:400;line-height:24px;letter-spacing:normal;cursor:pointer}.case-examples .case-examples__header .about_order_link .about_order_box:hover .s-balloon{display:block}.case-examples .case-examples__header .about_order_link .about_order_box .s-balloon{box-sizing:border-box;position:absolute;left:-114px;top:45px;display:none;width:335px;margin:0 auto;padding:20px 25px 20px;background-color:#FFF;box-shadow:0 0 10px 0 rgba(0,0,0,0.16);color:#333;text-align:left;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:normal}.case-examples .case-examples__header .about_order_link .about_order_box .s-balloon::before{position:absolute;top:-14px;right:0;left:0;width:24px;height:15px;margin:0 auto;background-color:#FFF;clip-path:polygon(50% 0, 100% 14px, 100% 100%, 0 100%, 0 14px);content:""}.case-examples .case-examples__list{box-sizing:border-box;padding:15px}.case-examples .case-examples__list .case-card{text-decoration:none;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;gap:0 20px;padding:20px 30px 20px;border-radius:5px;border:1px solid #DDD;background-color:#FFF}.case-examples .case-examples__list .case-card:nth-of-type(n + 2){margin-top:10px}.case-examples .case-examples__list .case-card .case-card__user{min-width:80px}.case-examples .case-examples__list .case-card .case-card__user .case-card__user-icon{width:80px;height:80px;border-radius:50%;box-shadow:0 0 8px 0 rgba(0,0,0,0.1)}.case-examples .case-examples__list .case-card .case-card__user .case-card__user-meta{margin-top:10px;color:#333;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;text-align:center;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:0.3px}.case-examples .case-examples__list .case-card .case-card__content .case-card__tags{display:flex;justify-content:flex-start;align-items:center;gap:0 8px}.case-examples .case-examples__list .case-card .case-card__content .case-card__tags .case-card__tag{box-sizing:border-box;width:fit-content;height:21px;padding:0 7px;border-radius:100px;border:1px solid #DDD;background-color:#FFF;color:#828282;text-align:center;font-size:11px;font-weight:400;line-height:19px;letter-spacing:normal}.case-examples .case-examples__list .case-card .case-card__content .case-card__tags .case-card__tag.ricon{border:1px solid #6E327D;background-color:#6E327D;color:#FFF}.case-examples .case-examples__list .case-card .case-card__content .case-card__tags .case-card__tag.souzoku{border:1px solid #007D46;background-color:#007D46;color:#FFF}.case-examples .case-examples__list .case-card .case-card__content .case-card__tags .case-card__category{color:#B7B7B7;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:12px;font-weight:400;line-height:1.0;letter-spacing:normal}.case-examples .case-examples__list .case-card .case-card__content .case-card__tags .case-card__category span{color:#828282}.case-examples .case-examples__list .case-card .case-card__content .case-card__description{margin-top:10px;color:#282828;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:18px;font-weight:700;line-height:1.6;letter-spacing:0.54px}.case-examples .case-examples__list .case-card .case-card__content .case-card__benefit{display:flex;justify-content:flex-start;align-items:center;margin-top:10px}.case-examples .case-examples__list .case-card .case-card__content .case-card__benefit .case-card__benefit-ribbon{box-sizing:border-box;position:relative;width:fit-content;margin-right:21.5px;padding:6px 2px 7px 8px;background-color:#FFFCBB;color:rgba(0,0,0,0.6);font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:12px;font-weight:700;line-height:1.0;letter-spacing:0.36px}.case-examples .case-examples__list .case-card .case-card__content .case-card__benefit .case-card__benefit-ribbon::after{position:absolute;right:-11.5px;top:0;bottom:0;width:12.5px;height:25.5px;margin:auto 0;background-color:#FFFCBB;clip-path:polygon(0 0, 100% 50%, 0 100%);content:""}.case-examples .case-examples__list .case-card .case-card__content .case-card__benefit .case-card__benefit-text{color:#C13636;font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;font-size:14px;font-weight:700;line-height:1.0;letter-spacing:normal}.case-examples .case-examples__list .case-card .case-card__content .case-card__benefit .case-card__benefit-text .benefit-text-number{margin-left:10px;margin-right:4px;font-family:Arial, Helvetica, sans-serif;font-size:30px;vertical-align:-10%}
