.case_box{--gap-content: 15px;--gap-contents: var(--gap-section-small);--width-contents: 800px;--width-content: 680px;--size-content: 1.125rem}.case_box .tag{display:inline-flex;align-items:center;margin:0 0 25px;--mask-image: url(../../images/ico_news_article.svg)}.case_box .tag:before{content:'';display:block;flex-grow:0;flex-shrink:0;width:16px;height:16px;margin:0 7px 0 0;background-color:currentColor;-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.case_box .notice{display:block;margin:0 0 15px;color:var(--color-tertiary);font-size:var(--size-base);font-weight:500;line-height:1.25rem}.case_box .notice:last-child{margin-bottom:0}.case_box .featured{display:flex;align-items:center;justify-content:center;margin:0 0 var(--gap-section-small);gap:var(--gap-section-side)}.case_box .featured:last-child{margin-bottom:0}.case_box .featured .image{display:block;position:relative;flex-grow:0;flex-shrink:0;width:56.34%}.case_box .featured .contents{flex-grow:1;min-width:0;margin:0}.case_box .featured img{display:block;width:100%;height:auto;border-radius:var(--radius-regular)}.case_box .container{display:flex;justify-content:center;gap:var(--gap-section-inner)}.case_box .sections{display:block;flex-grow:1;min-width:0;max-width:var(--width-fixed-small)}.case_box .section{display:block;position:relative;margin:0 0 var(--gap-contents)}.case_box .section:last-child{margin-bottom:0}.case_box .section .wrapper{display:flex;align-items:flex-start;gap:var(--gap-section-side)}.case_box .section h3{flex-basis:360px;flex-shrink:0;margin:0}.case_box .cards_box{flex-basis:360px;flex-grow:0;flex-shrink:0;--width-item: 100%}.case_box .cards_box .item{flex-grow:1}@media (max-width: 88.75rem){.case_box .section .wrapper{display:block}.case_box .section h3{margin:-0.1em 0 var(--gap-heading)}.case_box .section h3:last-child{margin-bottom:0}}@media (max-width: 64rem){.case_box .tag{margin-bottom:20px}.case_box .featured .image{width:50%}}@media (max-width: 48rem){.case_box .featured{display:block}.case_box .featured .image{width:auto;margin:0 0 var(--gap-contents)}.case_box .featured .image:last-child{margin-bottom:0}.case_box .container{display:block}.case_box .container .sections{margin-bottom:var(--gap-section-small)}.case_box .cards_box{--width-item: 50%}}@media (max-width: 40rem){.case_box .cards_box{--width-item: 100%}}

/*# sourceMappingURL=case.css.map */
