@charset "utf-8";
/* Flow */
#box01 {padding: 75px 0;}
#box01 ul li {width: 22%; border: 3px solid #000; position: relative; padding: 40px 20px; border-radius: 10px;}
#box01 ul li:after {content: ''; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 30px; height: 40px; background: url("/assets/materials/baiyaku-leaseback-top-ic_arrow_blue.svg") no-repeat top left/100% 100%;}
#box01 ul li:last-child:after {display: none;}
#box01 ul li span {position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; display: block; width: 121px;}
#box01 ul li .tit {font-size: 3rem; line-height: 1.4; color: #1792E5; font-weight: bold; text-align: center; margin-bottom: 20px;}
#box01 ul li figure {text-align: center; margin-bottom: 20px;}

/* Responsive */
@media only screen and (min-width: 769px){
	#box01.s-241203data ul li {width: 17%;}
	#box01.s-241203data ul li .tit {font-size: 2rem; min-height: 2.8em; display: flex; flex-direction: column; justify-content: center;}
}

@media only screen and (max-width: 1054px){
    .mv .inner ul li {margin-bottom: 10px;}
    .mv .inner ul li a {font-size: 2.2vw;}
    #box01 ul li::after {width: 20px; height: 26px; right: -17%;}
}

@media only screen and (max-width: 768px){
    #box01 ul li {width: 100%; margin-bottom: 80px;}
    #box01 ul li:last-of-type {margin-bottom: 0;}
    #box01 ul li:after {top: auto; transform: translateY(0); -webkit-transform: translateY(0); bottom: -50px; transform: translateY(50%); left: 0; right: 0; margin: 0 auto; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    #box01 ul li .tit br {display: none;}
}


@media only screen and (max-width: 767px){    
    #mv h2{width: 203px;}    
    #box01 ul li .tit {font-size: 2.6rem;}
}