.page-service-casestudies .case-studies-genre{display:flex;align-items:center;gap:8px;font-size:24px;max-width:1068px;margin:24px auto 10px;padding:0}@media(min-width:768px){.page-service-casestudies .case-studies-genre{font-size:28px;margin-top:32px;margin-bottom:16px}}@media(min-width:1024px){.page-service-casestudies .case-studies-genre{gap:16px;font-size:32px;margin-top:48px}}.page-service-casestudies .case-studies-genre:first-child{margin-top:16px}.page-service-casestudies .case-studies-genre .icon{background-color:#fff050;border-radius:100px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;width:40px;height:40px}@media(min-width:1024px){.page-service-casestudies .case-studies-genre .icon{width:53px;height:53px}}.page-service-casestudies .case-studies-genre img{width:24px;height:auto;vertical-align:bottom}@media(min-width:1024px){.page-service-casestudies .case-studies-genre img{width:31px;height:29px}}.page-service-casestudies .casestudies-item{position:relative;margin-bottom:16px}@media(min-width:768px){.page-service-casestudies .casestudies-item{margin-bottom:32px}}.page-service-casestudies .casestudies-item:last-child{margin-bottom:0}.page-service-casestudies .casestudies-item a{background-color:#f9f8f4;border-radius:10px 0;display:block;text-decoration:none;padding:24px 24px 40px}@media(min-width:768px){.page-service-casestudies .casestudies-item a{border-radius:40px 0;padding:32px 32px 56px}}@media(min-width:1024px){.page-service-casestudies .casestudies-item a{padding:40px 40px 56px}}.page-service-casestudies .casestudies-item a:hover .read-more{color:#232323b3}.page-service-casestudies .read-more{transition:all .2s ease;color:#232323b3;letter-spacing:1px;font-size:16px;text-align:right;position:absolute;right:20px;bottom:16px}@media(min-width:768px){.page-service-casestudies .read-more{right:40px;bottom:24px}}.page-service-casestudies .read-more .icon-arrow{width:13px;height:11px;margin-left:5px}.page-service-casestudies .casestudies-item-media-block img{border-radius:10px;overflow:hidden}.page-service-casestudies .casestudies-item-title{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:12px;font-size:20px;font-weight:700;letter-spacing:1px}@media(min-width:768px){.page-service-casestudies .casestudies-item-title{font-size:24px}}@media(min-width:1024px){.page-service-casestudies .casestudies-item-title{font-size:30px}}.page-service-casestudies .tags{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:700;margin-top:12px}.page-service-casestudies .tags span{background-color:#e7e3d3;padding:3px 6px}.page-service-casestudies .casestudies-item-text{padding-top:12px;line-height:1.6}@media(min-width:768px){.page-service-casestudies .casestudies-item-text{padding-top:16px}}@media(min-width:1024px){.page-service-casestudies .casestudies-item-text{padding-top:24px}}.page-service-casestudies .works-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:16px -8px 0}@media(min-width:768px){.page-service-casestudies .works-btns{flex-direction:row;gap:0;margin-top:24px}}@media(min-width:1024px){.page-service-casestudies .works-btns{margin-top:32px}}.page-service-casestudies .works-btns a{height:50px;margin:0 8px}@media(min-width:768px){.page-service-casestudies .works-btns a{margin:0 8px;height:60px}}@media(min-width:1024px){.page-service-casestudies .works-btns a{margin:0 16px}}.page-service-casestudies .works-btns .btn{font-size:14px;padding:0 15px;width:80%}@media(min-width:768px){.page-service-casestudies .works-btns .btn{font-size:16px;width:300px}}.page-service-casestudies .works-btns .icon-arrow{transform:scale(.8);margin-left:4px}@media(min-width:768px){.page-service-casestudies .works-btns .icon-arrow{transform:scale(1);margin-left:8px}}.page-service-casestudies .casestudies-detail{padding:24px 0 0}.page-service-casestudies .casestudies-detail .lower-page-section-title{margin-bottom:8px;padding-top:0;padding-bottom:0}.page-service-casestudies .casestudies-detail .casestudies-img{margin-top:40px}.page-service-casestudies .casestudies-detail .casestudies-img .caution{font-size:12px;margin-top:8px}.page-service-casestudies .casestudies-detail .casestudies-detail-sub-title{position:relative;font-size:24px;letter-spacing:1px;margin-top:52px;margin-bottom:20px;padding-left:24px}.page-service-casestudies .casestudies-detail .casestudies-detail-sub-title:before{content:"";background-color:#fff050;position:absolute;top:calc(50% - 2px);left:0;width:16px;height:4px}.page-service-casestudies .casestudies-detail .casestudies-img+.casestudies-detail-sub-title{margin-top:32px}.page-service-casestudies .casestudies-detail .casestudies-detail-text{line-height:2}
