#sec04.article_case{background:#f3f6fc;margin:0 calc(50% - 50vw);padding:5rem 0;width:100vw}#sec04 h3{color:#1d355d;font-size:36px;font-weight:700;margin:0;text-align:center}#sec04 h3>ruby{color:#e7ecf5;display:block;font-size:74px;margin-bottom:-46px}.case_area{margin:5rem 0 0;padding:0}.case_area>li{background:#fff;box-shadow:2px 2px 4px #ccc;margin:0 0 45px;padding:0}.case_area>li:last-child{margin-bottom:0}.case_area>li>a{align-items:flex-start;color:#000;display:flex;justify-content:space-between;padding:30px 7% 30px 4%}.case_area>li>a>figure{margin:0;width:34%}.case_area>li>a>div{margin:0;width:57%}.case_area>li>a>div>p:first-child{font-weight:700}.case_area>li>a>div>h4{font-size:30px}.case_link{color:#000;text-align:right}.case_link>img{margin-left:5px;vertical-align:sub;width:3%}@media (max-width:768px){#sec04.article_case{padding:2.5rem 0}#sec04 h3{font-size:6vw}#sec04 h3>ruby{font-size:10vw;margin-bottom:-27px}.case_area{margin:2.5rem 0 0}.case_area>li{margin-bottom:30px;padding:20px 5%}.case_area>li>a{padding:0}.case_area>li>a>figure{margin-bottom:15px;width:100%}.case_area>li>a>div{width:100%}.case_area>li>a>div>p{font-size:3.5vw}.case_area>li>a>div>p:first-child{margin-bottom:10px}.case_area>li>a>div>h4{font-size:4.5vw}.case_link{margin-bottom:0}.case_link>img{width:5%}}