@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;800&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* Reset */
html{font-size: 62.5%; overflow-x: hidden; scroll-behavior: smooth; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch;}
body main{color: #303030; line-height: 1.7; word-spacing: 0; font-size: 1.6rem; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; font-family: 'Noto Sans JP', sans-serif;}

main *{margin: 0; padding: 0; box-sizing: border-box; border: 0;}
main h1, main h2, main h3, main h4, main h5, main h6{font-size: 100%; font-weight: 700;}
main ol, main ul{list-style: none;}
main table{border-collapse: collapse; border-spacing: 0;}
main th{text-align: left; font-weight: normal;}
main a{color: inherit; text-decoration: none;}
main img{vertical-align: bottom; max-width: 100%;}
main figure {margin: 0;}

.container{margin: 0 auto; max-width: 1080px; width: 92%;}
.container1278 {margin: 0 auto; max-width: 1278px; width: 92%; border-radius: 20px;}
.titH3 {text-align: center; margin: 0 0 50px;}
.bold {font-weight: bold;}
.mainTxt {font-size: 1.8rem; text-align: center; margin-bottom: 50px;}

#btn-back{font-size: 2rem; font-weight: 700; max-width: 340px; width: 100%; padding: 20px 0; margin: 0 auto 100px; border-radius: 45px; border: 3px solid #303030; display: block; text-align: center; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); position: relative;}
#btn-back:after{content: ''; width: 7px; height: 8px; position: absolute; top: 50%; right: 8.8%; margin-top: -4px; background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow_black.svg") no-repeat top left/100% 100%;}
#btn-back:hover{background: #1792e5; color: #fff; border: 3px solid #1792e5;}
#btn-back:hover:after{background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow_white.svg") no-repeat top left/100% 100%;}
.flexBox {display: flex; flex-wrap: wrap; justify-content: space-between;}

@media only screen and (min-width: 768px){
    main a[href^="tel:"]{pointer-events: none;}
    .onlySp{display: none;}
    .container1278 {width: 100%; border-radius: 0;}
}

@media only screen and (max-width: 767px){
    main a[href^="tel:"]{pointer-events: auto;}    
    .onlyPc{display: none;}
    .container1278 {width: 100%; border-radius: 0;}
    #btn-back{padding: 10px 0;}
    .mainTxt {text-align: left;}    
/*	.m-breadcrumbs{display: none;}*/
}

@media print {
    body main{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}


/* Header PC */
@media only screen and (min-width: 1200px){
/*     header{background: #fff; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12); z-index: 993;}*/
     header#mainHeader{background: #fff; display: flex; justify-content: space-between; align-items: center;  width: 100%; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12); z-index: 993;}
    main h1{margin: 0 0 0 45px; line-height: 1;}

    #header-contact{font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 1.1rem; line-height: 1.2; background: #ffd34e; width: 263px; height: 86px; padding: 0 0 0 29px; display: flex; align-content: center; flex-wrap: wrap;}
    #header-contact p:nth-of-type(1){font-size: 1.3rem;}
    #header-contact p:nth-of-type(2){font-size: 2.2rem; font-weight: 800;}
    #header-contact a:before{content: ''; background: url("/assets/materials/baiyaku-leaseback-common-ic_call.svg") no-repeat top left/100% 100%; width: 27px; height: 18px; display: inline-block; margin-right: 5px;}
    
/*    #gnav{position: absolute; top: 0; right: 263px; display: flex;}*/
    #gnav{position: absolute; right: 263px; display: flex;}
    #gnav li{margin: 0 30px 0 0;}
    #gnav .parentSp{display: none;}
    #gnav a{position: relative; height: 86px; display: flex; align-items: center;}
    #gnav a:after{content: ''; width: 0; height: 2px; background: #1792e5; overflow: hidden; border-radius: 2px; display: block; position: absolute; top: 50%; margin: 15px 0 0 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: width .2s;}
        
    #gnav ul{border: 3px solid #1792e5; background: #fff; border-radius: 15px; width: 990px; margin: 0 auto; position: absolute; top: 100%; left: 50%; padding: 35px 0 10px 40px; z-index: 100; display: flex; flex-wrap: wrap; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity .5s;}        
    #gnav ul:before{content: ''; position: absolute; top: -11px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 11px solid #1792e5;}
    
    #gnav li:nth-of-type(2) ul:before{left: 330px;}
    
    #gnav ul li{height: auto; font-size: 1.8rem; line-height: 1.3; font-weight: 700; width: 33.333%; margin: 0 0 30px;}
    #gnav ul li:after{display: none;}
    #gnav ul a{padding: 0 0 0 17px; height: auto;}
    #gnav ul a:after{display: none;}
    #gnav ul a:before{content: ''; width: 7px !important; height: 8px; background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow_blue.svg") no-repeat top left/100% 100%; position: absolute; top: 9px; left: 0;}
    #gnav ul a:hover{color: #1792e5;}

    #gnav a:hover:after,
    #gnav a.active:after{width: 100%;}
    #gnav li:hover ul{opacity: 1; pointer-events: auto;}
    
    #btn-menu{display: none;}
}

@media only screen and (min-width: 1200px) and (max-width: 1280px){
     #mainHeader h1{margin: 0 0 0 20px;}
    
    #header-contact{width: 230px; padding: 0 0 0 18px;}
    
    #gnav{right: 230px;}
    #gnav li{margin: 0 20px 0 0;}
    #gnav ul{left: 40%;}
    #gnav li:nth-of-type(2) ul:before{left: 396px;}
}


/* Header Tablet & Sp */
@media only screen and (max-width: 1199px){
/*    h1{background: #fff; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 993; line-height: 1;}*/
	#mainHeader{position: relative} 
    #mainHeader h1{background: #fff; display: flex; justify-content: space-between; align-items: center;  width: 100%; height: 60px; z-index: 993; line-height: 1;}
    #mainHeader h1 a{margin: 0 0 0 3%; display: inline-block;}
    
    #btn-menu{position: absolute; top: 16px; right: 3%; z-index: 994; width: 33px; height: 33px;}    
    #btn-menu.close{background: url("/assets/materials/baiyaku-leaseback-common-btn_close.svg") no-repeat top left/100% auto;}
    #btn-menu.close img{opacity: 0;}
    
    #header-contact{font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 1.1rem; line-height: 1.3; background: #ffd34e; height: 45px; display: flex; align-content: center; flex-wrap: wrap; position: relative; padding: 0 3%; /*margin-top: 60px;*/}
    #header-contact p:nth-of-type(1){font-size: 1.3rem; width: 100%;}
    #header-contact p:nth-of-type(2){font-size: 2.2rem; font-weight: 800; position: absolute; top: 50%; left: calc(220px + 3%); transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    #header-contact a:before{content: ''; background: url("/assets/materials/baiyaku-leaseback-common-ic_call.svg") no-repeat top left/100% 100%; width: 27px; height: 18px; display: inline-block; margin-right: 5px;}
    
/*    #gnav{display: none; position: fixed; top: 60px; bottom: 0; left: 0; width: 100%; overflow: auto; z-index: 9990; background: #fff; border-top: 1px solid #d1d1d1;}*/
    #gnav{display: none; bottom: 0; left: 0; width: 100%; overflow: auto; z-index: 9990; background: #fff; border-top: 1px solid #d1d1d1;}
    #gnav li{border-bottom: 1px solid #d1d1d1;}
    #gnav a.parentPc{display: none;}
    #gnav a{padding: 10px 6% 10px 4%; display: block; font-size: 1.8rem; font-weight: 700; position: relative;}
    #gnav a:after{content: ''; width: 8px; height: 8px; background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow_blue.svg") no-repeat top left/100% 100%; position: absolute; top: 21px; right: 3%; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    #gnav ul{display: none; border-top: 1px solid #d1d1d1;}
    #gnav ul li:last-of-type{border-bottom: none;}
    #gnav ul a{padding-left: calc(4% + 1em); font-weight: 400; background-color: rgba(0,159,230,.1);}
    #gnav ul a:after{width: 8px; height: 11px; background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow2.svg") no-repeat top left/100% 100%; transform: rotate(0) !important;}
    #gnav a.parentSp.open:after{transform: rotate(-90deg);}
    #gnav a.active{color: #1792e5;}
}

@media only screen and (max-width: 480px){
    main h1 img{width: 240px;}
    #header-contact{font-size: 2.7vw;}
    #header-contact p:nth-of-type(1){font-size: 3.1vw;}
    #header-contact p:nth-of-type(2){left: auto; right: 3%; font-size: 4.8vw;}
    #header-contact a:before{width: 5.7vw; height: 3.8vw;}
}


/* Main */
/*
@media only screen and (min-width: 1200px){
    .o-main{padding-top: 86px;}
}
*/


/* Mv */
#mv{height: 214px; background: #fffde5; display: flex; justify-content: center; align-items: center; margin: 0 0 60px; position: relative; line-height: 1; z-index: 10;}
.mv-img{position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 1080px; width: 100%; height: 100%; z-index: -1; display: flex; justify-content: flex-end;}

#mv-single{bottom: -16px;}
#mv-single img{margin: 0 100px 0 0;}

#mv-group{bottom: -40px;}
#mv-group img{margin: 0 20px 0 0;}

@media only screen and (max-width: 1023px){
    #mv-single img{margin: 0 20px 0 0;}
}

@media only screen and (max-width: 767px){
    #mv{height: 250px; align-items: flex-start; padding-top: 40px;}    
    .mv-img{justify-content: center; height: auto;}
    
    #mv-single{bottom: -22px;}
    #mv-single img{width: 128px; margin: 0;} 
    
    #mv-group img{width: 210px; margin: 0;}
}


/* Pagetop */
#pagetop{position: fixed; bottom: 20px; right: 20px; cursor: pointer; display: none; z-index: 99;}

@media only screen and (max-width: 767px){
    #pagetop{bottom: 4vw; right: 4%;}
}

/* Contact us */
#contactus{background: rgba(23,146,229,.5); padding: 60px 0; text-align: center;}
#contactus-tit{margin: 0 0 40px;}

#contactus-btn{margin: 0 auto 35px; width: 396px;}
#contactus-btn a{height: 90px; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; line-height: 1.4; color: #fff; border-radius: 45px; position: relative; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); background: #f48423;}
#contactus-btn a:after{content: ''; width: 7px; height: 8px; position: absolute; top: 50%; right: 8.8%; margin-top: -4px; background: url("/assets/materials/baiyaku-leaseback-common-ic_arrow_white.svg") no-repeat top left/100% 100%;}
#contactus-btn a:hover{background: #fd8925;}

#contactus-info{max-width: 900px; width: 100%; height: 54px; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; line-height: 1; background: #fff; border-radius: 27px; margin: 0 auto;}
#contactus-info li:nth-of-type(1){font-weight: 500;}
#contactus-info li:nth-of-type(2){font-weight: 700; font-size: 3.2rem; line-height: 1; margin: 0 25px; letter-spacing: 0.04em;}
#contactus-info a:before{content: ''; background: url("/assets/materials/baiyaku-leaseback-common-ic_call.svg") no-repeat top left/100% 100%; width: 27px; height: 18px; display: inline-block; margin-right: 8px; position: relative; top: -3px;}

@media only screen and (max-width: 1023px) and (min-width: 768px){    
    #contactus-info{width: calc(100% - 16px);}
    #contactus-info li:nth-of-type(2){margin: 0 20px;}
}

@media only screen and (max-width: 767px){
    #contactus{padding: 35px 4% 50px;}
    #contactus-tit{margin: 0 0 25px;}
    #contactus-tit img{width: 304px;}
    
    #contactus-btn{margin: 0 0 30px; width: 100%;}
    #contactus-btn a::after {right: 5%;}
    #contactus-btn a{height: 60px; font-size: 1.8rem;}
    
    #contactus-info{flex-wrap: wrap; height: auto; padding: 20px 0;}
    #contactus-info li{width: 100%;}
    #contactus-info li:nth-of-type(1){font-size: 1.8rem;}
    #contactus-info li:nth-of-type(2){margin: 10px 0 12px;}
}



/* Effect */
.fadeIn{opacity: 0; transition: all .8s;}
.fadeIn.is-view{opacity: 1;}

.fadeUp{opacity: 0; transform: translateY(80px); -webkit-transform: translateY(80px); transition: all .8s;}
.fadeUp.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fadeRight{opacity: 0; transform: translateX(-80px); -webkit-transform: translateX(-80px); transition: all .8s;}
.fadeRight.is-view{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}

.fadeLeft{opacity: 0; transform: translateX(80px); -webkit-transform: translateX(80px); transition: all .8s;}
.fadeLeft.is-view{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}

.zoomIn{opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); transition: all .8s;}
.zoomIn.is-view{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}

.slideRight{
transition: -webkit-clip-path 1s cubic-bezier(.19,1,.22,1) .1s;
transition: clip-path 1s cubic-bezier(.19,1,.22,1) .1s;
transition: clip-path 1s cubic-bezier(.19,1,.22,1) .1s,-webkit-clip-path 1s cubic-bezier(.19,1,.22,1) .1s;
transition-delay: 0.1s, 0.1s;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);}
.slideRight.is-view{-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}

.delay1{transition-delay: .1s;}
.delay2{transition-delay: .2s;}
.delay3{transition-delay: .3s;}
.delay4{transition-delay: .4s;}
.delay5{transition-delay: .5s;}