.mv {background: #FFFDE5; padding: 50px 0;}
.mv .inner {max-width: 1055px; position: relative;}
.mv .btn {width: 37.54%; position: absolute; left: 2%; bottom: 8%; color: #ffffff; text-align: center; border-radius: 50px; display: block; box-shadow: 0 0 10px #cccccc; font-weight: bold; font-size: 2rem; line-height: 1.6; padding: 0.65em 0; background: #f48423;}
.mv .btn:after {content: ''; width: 7px; height: 8px; position: absolute; top: 50%; right: 8%; margin-top: -4px; background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow_white.svg") no-repeat top left/100% 100%;}
.mv .btn:hover{background: #fd8925;}

.bgYellow {background: yellow;}
.caption {margin-top: 20px;}

#box01 {padding: 75px 0;}
#box01 .titH3 {margin-bottom: 20px;}
#box01 .row01 {position: relative; width: 880px; max-width: 100%; margin: 0 auto 50px;}
#box01 .row01 .txt {font-size: 1.8rem; line-height: 2; width: calc(100% - 190px);}
#box01 .row01 .txt strong{color: #1792E5}
#box01 .row01 figure {position: absolute; top: 0; right: 0;}


#box01 .row02 {margin: 0 0 20px;}
#box01 .row02 ul li {width: 48%;}
#box01 .row02 ul li:nth-child(1) {position: relative;}
#box01 .row02 ul li:nth-child(1) .arrow {position: absolute; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -78px;}
#box01 .caption {color: #BC0404; text-indent: -1.5em; margin-left: 1.5em;}

#box02 {background: #FFFDE5; padding: 70px 0;}
#box02 .container {position: relative;}
#box02 .container > figure {position: absolute; top: -85px; left: 0; width: 23%;}
#box02 ul li {width: 48%; background: #ffffff; padding: 20px; margin-bottom: 4%; border: 3px solid #000; border-radius: 10px;}
#box02 ul li .tit {align-items: center; color: #1792E5; font-size: 3rem; font-weight: bold; line-height: 1.4; margin: 0 0 10px;}
#box02 ul li .tit p {width: calc(100% - 75px);}

#box03 {padding: 75px 0;}
#box03 ul li {width: 22%; border: 3px solid #000; position: relative; padding: 40px 20px; border-radius: 10px;}
#box03 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%;}
#box03 ul li:last-child:after {display: none;}
#box03 ul li span {position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; display: block; width: 121px;}
#box03 ul li .tit {font-size: 3rem; line-height: 1.4; color: #1792E5; font-weight: bold; text-align: center; margin-bottom: 20px;}
#box03 ul li figure {text-align: center; margin-bottom: 20px;}
@media only screen and (min-width: 769px){
    #box03.s-241203data ul li {width: 17%;}
    #box03.s-241203data ul li .tit {font-size: 2rem; min-height: 2.8em; display: flex; flex-direction: column; justify-content: center;}
}

#box04 {background: #D8EFFF; padding: 70px 0; margin-bottom: 50px;}
#box04 .container {position: relative;}
#box04 .container .img01 {position: absolute; top: -90px; left: 0;}
#box04 .container .img02 {position: absolute; top: -90px; right: 0;}
#box04 .container > ul li {width: 48%; border: 2px solid #000; border-radius: 10px; background: #fff; margin-bottom: 4%; padding: 30px;}
#box04 .container > ul li .tit {align-items: center; font-size: 3rem; color: #1792E5; margin-bottom: 20px;}
#box04 .container > ul li .tit p {width: calc(100% - 100px);}
#box04 .container .rowBot {border: 2px solid #000; border-radius: 10px; background: #fff; padding: 30px 50px;}
#box04 .container .rowBot .tit {font-size: 3rem; text-align: center; margin-bottom: 20px;}
#box04 .container .rowBot ul {max-width: 920px; width: 100%; margin: 0 auto;}
#box04 .container .rowBot ul li {align-items: center;}
#box04 .container .rowBot ul li:nth-child(1) {width: 26.5%;}
#box04 .container .rowBot ul li:nth-child(2) {width: 31%;}
#box04 .container .rowBot ul li:nth-child(3) {width: 22%;}
#box04 .container .rowBot ul li p {color: #1792E5; font-size: 2.6rem; line-height: 1.4; text-align: center;}


#btn-back{margin: 50px auto 0; background: #ffffff;}

/* Responsive */
@media only screen and (max-width: 1054px){ 
    .mv .btn {font-size: 2vw;}
    #box03 ul li::after {width: 20px; height: 26px; right: -17%;}
}

@media only screen and (max-width: 768px){
    #box03 ul li {width: 100%; margin-bottom: 80px;}    
    #box03 ul li:last-of-type {margin-bottom: 0;}
    #box03 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);}
    #box03 ul li .tit br {display: none;}
}

@media only screen and (max-width: 767px){
    .mv .btn{position: relative; left: auto; bottom: auto; margin: 30px auto; max-width: 100%; width: 100%; font-size: 1.9rem;}

    #box01 {padding: 30px 0;}
    #box01 .row01 .titH3 img {width: 72%;}
    #box01 .row01 .txt {width: 100%;}
    #box01 .row02 ul li {width: 100%;}
    #box01 .row02 ul li:nth-child(1) .arrow {position: static; transform: translateY(0); -webkit-transform: translateY(0); margin: 20px 0;}
    #box01 .row02 ul li:nth-child(1) .arrow img {width: 56%;}
    

    #box02 {padding: 30px 0;}
    #box02 .container > figure {position: static; text-align: center; min-width: 36%; margin: 0 auto;}  
    #box02 ul li {width: 100%;}
    #box02 ul li .tit {align-items: flex-start; font-size: 2.6rem;}

    #box03 .titH3 img {width: 73%;} 
    #box03 ul li .tit {font-size: 2.6rem;}

    #box04 .titH3 img {width: 60%;}
    #box04 .container .imgAbs {display: flex; flex-wrap: wrap; justify-content: space-between;}
    #box04 .container .img01 {position: static; width: 36%;}
    #box04 .container .img02 {position: static; width: 41%;}    
    #box04 .container > ul {margin-top: -15px;}
    #box04 .container > ul li {width: 100%; margin-bottom: 20px;}
    #box04 .container > ul li .tit {font-size: 2.6rem;}
    #box04 .container .rowBot {padding: 30px;}
    #box04 .container .rowBot ul li {width: 100% !important; max-width: 375px; margin: 0 auto 20px;}
    #box04 .container .rowBot ul li p {width: 80%;}
    #box04 .container .rowBot ul li figure {width: 20%; text-align: center;}

}