@charset "utf-8";
/* Case Study */

#box01 {background: #D8EFFF; padding: 70px 0; margin-bottom: 50px;}
#box01 h4 {background: #1792E5; color: #fff; font-size: 3.4rem; font-weight: bold; text-align: center; padding: 5px; margin-bottom: 30px; border-radius: 10px;}
#box01 h4 * {display: inline-block; vertical-align: middle;}
#box01 ul {margin-bottom: 60px;}
#box01 ul:last-child {margin-bottom: 0;}
#box01 ul li {width: 31.5%; background: #fff; margin-bottom: 20px; border-radius: 10px;}
#box01 ul li a {padding: 20px 40px 20px 20px; display: block; position: relative;}
#box01 ul li a:after {content: ''; width: 24px; height: 24px; background: url("/assets/materials/baiyaku-leaseback-case-study-ic_arrow_round_blue.svg") no-repeat top left/100% 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px;}
#box01 ul li a h5 {font-size: 2.4rem; color: #1792E5; margin-bottom: 10px;}
#box01 ul li a:hover {opacity: 0.6;}


/* Responsive */
@media only screen and (min-width: 769px) {
		#box01 ul {justify-content: normal; gap: 2.75%;}
}
@media only screen and (max-width: 768px){    
    #mv h2{width: 134px;}
    #box01 ul li {width: 100%;}
    #box01 h4 {font-size: 2.6rem; line-height: 1.4; padding: 8px 0;}
}