@charset "utf-8";
/* Concept */
.bgYellow {background: yellow;}
.caption {margin-top: 20px;}

#part0 {padding: 70px 0;}
#part0 .mainTxt strong{color: #1792E5}
#part0 ul li {width: 48%;}
#part0 ul li:nth-child(1) {position: relative;}
#part0 ul li:nth-child(1) .arrow {position: absolute; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -78px;}
#part0 .caption {position: relative; padding-left: 20px; color: #BC0404;}
#part0 .caption span {position: absolute; top: 0; left: 0;}
#part0 .caption.s-240926 {color: #BC0404;text-indent: -1.5em;margin-left: 1.5em;}

#part1 {background: #EFF3F5; padding: 70px 0; margin-bottom: 50px;}
#part1 ul li{width: 48%; align-items: center; padding: 10px 20px; background: #fff; border-radius: 45px; margin-bottom: 20px; font-size: 2rem; height: 88px;}
#part1 ul li:before {content: ''; width: 27px; height: 25px; background: url("/assets/materials/baiyaku-leaseback-concept-ic_list.svg") no-repeat top left/100% 100%; display: inline-block;}
#part1 ul li span{width: calc(100% - 35px);}

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


#part3 {background: #EFF3F5; padding: 70px 0; margin-bottom: 50px;}
#part3 ul li {width: 48%; background: #ffffff; padding: 20px; margin-bottom: 4%;}
#part3 ul li .tit {align-items: center; font-size: 3rem; font-weight: bold; line-height: 1.4; margin: 0 0 10px;}
#part3 ul li .tit p {width: calc(100% - 75px);}

#part4 {padding: 70px 0; margin-bottom: 50px;}
#part4 > p {margin-bottom: 50px; font-size: 1.8rem;}
#part4 .caption {position: relative;color: #BC0404;display: block;text-indent: -1.5em;margin-left: 1.5em;}
#part4 > ul {margin-bottom: 70px;}
#part4 > ul:last-of-type {margin-bottom: 0;}
#part4 > ul li {width: 48%;}
#part4 > ul li p {text-align: center; font-size: 2.6rem; margin-top: 20px;}
#part4 > ul li p span {background-image: linear-gradient(0,yellow 40%,transparent 40%);}

#part5 {margin-bottom: 50px;}
#part5 > p {margin-bottom: 50px; font-size: 1.8rem;}
#part5 > ul {margin-bottom: 70px;}
#part5 > ul li {width: 48%;}
#part5 > ul li p {text-align: center; font-size: 2.6rem; margin-top: 20px;}
#part5 > ul li p span {background-image: linear-gradient(0,yellow 40%,transparent 40%);}
#part5 #txtTable {font-size: 1.8rem;}
#part5 #txtTable > p {margin-bottom: 20px;}
#part5 #txtTable table {width: 100%; font-weight: bold; margin-bottom: 40px;}
#part5 #txtTable table th {background: #1792E5; color: #fff; text-align: center; border-right: 2px solid #fff; padding: 10px 20px;}
#part5 #txtTable table td {padding: 10px 20px;}
#part5 #txtTable table td:nth-child(1) {width: 20%; border-right: 2px solid #fff; color: #1792E5;}
#part5 #txtTable table td:nth-child(2) {width: 40%; border-right: 2px solid #fff;}
#part5 #txtTable table td:nth-child(3) {width: 40%;}
#part5 #txtTable table tr:nth-child(even) td {background: #EFF3F5;}
#part5 #txtTable table tr:nth-child(odd) td {background: #E5E9EA;}
#part5 #txtTable ul li {margin-bottom: 40px;}

#part6 {margin-bottom: 50px;}
#part6 .container1278 {background:#D8EFFF; padding: 70px 0;}
#part6 .container {max-width: 1014px;}
#part6 .alignCenter {align-items: center;}
#part6 .questionList {margin-bottom: 60px;}
#part6 .questionList li {background: #fff; border-radius: 10px; margin-bottom: 20px; padding: 20px;}
#part6 .questionList li p span {width: calc(100% - 70px);}
#part6 .questionList li .ask {cursor: pointer;}
#part6 .questionList li .ask p {font-size: 2rem; font-weight: bold; align-items: center; margin-bottom: 10px;}
#part6 .questionList li .ask p span {background: url("/assets/materials/baiyaku-leaseback-common-ic_plus.svg") no-repeat center right;}
#part6 .questionList li.open .ask p span {background: url("/assets/materials/baiyaku-leaseback-common-ic_minus.svg") no-repeat center right;}
#part6 .questionList li .ask p:before {content: ''; width: 53px; height: 53px; background: url("/assets/materials/baiyaku-leaseback-common-ic_ask.svg") no-repeat top left/100% 100%; display: inline-block;}
#part6 .questionList li .answer {display: none;}
#part6 .questionList li .answer p:before {content: ''; width: 53px; height: 53px; background: url("/assets/materials/baiyaku-leaseback-common-ic_answer.svg") no-repeat top left/100% 100%; display: inline-block;}



/* Responsive */
@media only screen and (max-width: 767px){    
    #mv h2{width: 272px;}

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

    #part1 {padding-bottom: 30px;}
    #part1 .titH3 img {width: 82%;}
    #part1 ul li {width: 100%; height: auto; font-size: 1.6rem;}
    

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

    #part3 ul li {width: 100%;}
    #part3 ul li .tit {font-size: 2.6rem;}

    #part4 > ul li {width: 100%; margin-bottom: 40px;}
    #part4 > ul li:last-child {margin-bottom: 0;}
    #part4 > ul li p {font-size: 1.8rem;}

    #part5 > ul li {width: 100%; margin-bottom: 40px;}
    #part5 > ul li:last-child {margin-bottom: 0;}
    #part5 > ul li p {font-size: 1.8rem;}

    #part5 #txtTable {font-size: 1.6rem;}
    #part5 #txtTable table td:nth-child(1) {width: 30%;}
    #part5 #txtTable table td:nth-child(2) {width: 35%;}
    #part5 #txtTable table td:nth-child(3) {width: 35%;}
    #part5 #txtTable table th,
    #part5 #txtTable table td {padding: 10px 5px; font-weight: normal;}
    #part5 #txtTable .tit {text-align: center; font-size: 1.8rem;}

    #part6 .titH3 {margin-bottom: 30px;}
    #part6 .questionList li .ask p span {padding-right: 20px;}
    #part6 .questionList li .ask p span {background-position: top 10px right;}
    #part6 .questionList li.open .ask p span {background-position: top 10px right;}
    #part6 .container1278 .titH3:nth-of-type(3) img {width: 49%;}
    #part6 .container1278 .titH3:nth-of-type(4) img {width: 56%;}
    #part6 .container1278 .titH3:nth-of-type(5) img {width: 65%;}

}

@media only screen and (max-width: 414px){

}