.flow{margin:0 0 40px}.flow-list{counter-reset:flow 0;margin-top:20px}.flow-list .item{height:40px;display:block;background:#fff;border:1px solid #e2e2e2;border-bottom:2px solid #e2e2e2;border-radius:5px;margin:0 0 5px;position:relative}.flow-list .item::after{content:'';display:block;border:6px solid transparent;border-top:8px solid;border-top-color:var(--sub-color-01);position:absolute;bottom:-11px;left:28px}.flow-list .item:last-child::after{display:none}.flow-list .sep{display:none}.flow-list .link{display:flex;justify-content:flex-start;align-items:center;line-height:1.5;padding:6px 15px 8px;font-weight:bold;font-size:15px;color:#333;text-decoration:none;box-sizing:border-box;width:100%;height:40px}.flow-list .item .link::before{content:'STEP.' counter(flow);display:inline-block;margin-right:12px;color:var(--main-color);font-size:14px;font-weight:bold;letter-spacing:0.5px;counter-increment:flow 1}@media (min-width:900px){.flow-list{height:73px;display:flex;justify-content:space-evenly;padding:0 10px;background:url('../image/common-flow-bg_03.png') no-repeat right top,url('../image/common-flow-bg_01.png') repeat-x 0 0;border-left:2px solid #e2e2e2}.flow-list .item{height:73px;padding:0;background:none;border:none}.flow-list .item::after{content:none}.flow-list .item:last-child{padding-right:0;background:none}.flow-list .sep{display:block;width:30px;height:73px;background:url('../image/common-flow-bg_02.png') no-repeat right top}.flow-list .link{flex-direction:column;justify-content:center;align-items:flex-start;height:73px;padding:0 0 4px;font-size:14px}.flow-list .link:hover{opacity:0.7}}.balloonRightBtm{position:relative;display:inline-block;width:60px;height:48px;line-height:47px;vertical-align:middle;text-align:center;color:#fff;font-family:'Century Gothic',Arial,YuGothic,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:17px;font-weight:bold;background:var(--main-color);border-radius:50%;margin-left:-10px}.balloonRightBtm .stepLittle{font-size:14px}.balloonRightBtm::before{content:'';position:absolute;bottom:-6px;right:3px;margin-top:-30px;border:8px solid transparent;border-left:15px solid;border-left-color:var(--main-color);z-index:0;transform:rotate(60deg)}@media (min-width:768px){.balloonRightBtm{margin:-50px 0 0 -60px;width:100px;height:80px;line-height:75px;font-size:28px}.balloonRightBtm .stepLittle{font-size:22px}.balloonRightBtm::before{bottom:-7px;right:10px;border:10px solid transparent;border-left:20px solid;border-left-color:var(--main-color)}}.stepTitle{color:#333;font-size:23px;font-weight:bold;height:45px;border-bottom:solid 1px #e6e6e6;margin-top:-35px;margin-bottom:18px;padding-left:60px}@media (min-width:768px){.stepTitle{font-size:26px;height:50px;margin-bottom:30px}}.section-links{display:flex;flex-direction:column;align-items:center;gap:var(--gap-lg);margin-top:30px}.section-links .link{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #e2e2e2;border-radius:10px;background-color:#f9f9f9;text-decoration:none;transition:0.3s}.section-links .link.link-mail{border:unset;padding-block:2px;background:var(--gradation-color)}.section-links .link.link-mail .inner .title,.section-links .link.link-mail .inner .sub-title{color:#fff}.section-links .link .inner{position:relative;display:flex;flex-direction:column;align-items:center;padding-left:0;padding-top:var(--p-md);padding-bottom:var(--p-md)}.section-links .link .inner .title{color:var(--text-color);font-weight:var(--weight-bold);font-size:var(--text-lg)}.section-links .link .inner .sub-title{color:var(--text-color);font-size:var(--text-sm)}.section-links .link:hover{background:var(--main-color);border-color:var(--main-color)}.section-links .link:hover .inner::before{color:var(--text-contrast-color)}.section-links .link:hover .inner::after{border-color:var(--text-contrast-color)}.section-links .link:hover .inner .title,.section-links .link:hover .inner .sub-title{color:var(--text-contrast-color)}@media (min-width:768px){.section-links .link .inner{padding-left:0;padding-top:var(--p-lg);padding-bottom:var(--p-lg)}.section-links .link .inner::after{right:32px}.section-links .link .inner .title{font-size:var(--text-xl)}.section-links .link .inner .sub-title{font-size:var(--text-sm)}.section-links .link .inner::before{left:3vw;font-size:var(--text-xxxl)}}@media (min-width:900px){.section-links{flex-direction:row;justify-content:space-between}.section-links .link{max-width:initial;width:50%}}@media (max-width:767px){.onlyPC{display:none !important}.page-contractrent{gap:var(--gap-xxl)}.page-contractrent p.title,.page-contractrent p.text{font-size:14px;line-height:1.8;margin-top:20px}.stepSpaceImg,.stepSpace{margin-top:25px}#step4 .stepSpaceImg{margin-top:0px}#step4 .step4Bottom{margin-top:50px}.stepTitle2Nd{font-size:16px;font-weight:bold;border-left:solid 3px #333;color:#333;padding-left:10px;margin:40px 0 15px}.step1Contents::before{content:'';display:block;width:100%;height:40vw;max-height:260px;background:url(../image/flow-contract-rent-img_step1_01-sp.png) no-repeat center/cover}.step2Contents::before{content:'';display:block;width:100%;height:40vw;max-height:260px;background:url(../image/flow-contract-rent-img_step2_01-sp.png) no-repeat center/cover}.stepSpaceImg p.title,.stepSpaceImg p.text{font-size:14px;line-height:1.8;margin-top:0;padding:15px 20px}.stepSpaceImg li{background-color:#f2f2ec;margin-bottom:15px}.overlayImg{position:relative}#step3 .overlayImg p.title,#step4 .overlayImg p.title{position:absolute;width:100%;height:50px;padding:0;bottom:0;background:rgba(255,255,255,0.7);line-height:55px}#step4 .stepSpaceImg .osarai1 .overlayImg{background:url(../image/flow-contract-rent-img_step4_03.png) no-repeat center/cover;padding-top:min(40vw,260px)}#step4 .stepSpaceImg .osarai2 .overlayImg{background:url(../image/flow-contract-rent-img_step4_02.png) no-repeat center/cover;padding-top:min(40vw,260px)}#step4 .stepSpaceImg .osarai1 .overlayImg p.title,#step4 .stepSpaceImg .osarai2 .overlayImg p.title{width:100%;height:50px;line-height:55px}.overlayImgNum{display:inline-block;width:32px;height:25px;font-family:'Century Gothic','ヒラギノ角ゴ Pro W3';border-radius:40% 40%;background:#e1e623;text-align:center;line-height:24px;margin-left:25px;font-weight:bold;font-size:16px}.overlayImgName{color:#333;font-size:16px;font-weight:bold;margin-left:10px}#step3 .example img{width:100%}#step3 .stepSpaceImg{margin-top:15px}.stepSpaceImg .overlayImg{padding-top:min(40vw,260px)}.stepSpaceImg li:nth-child(1) .overlayImg{background:url(../image/flow-contract-rent-img_step3_01.png) no-repeat center/cover}.stepSpaceImg li:nth-child(2) .overlayImg{background:url(../image/flow-contract-rent-img_step3_02.png) no-repeat center/cover}.stepSpaceImg li:nth-child(3) .overlayImg{background:url(../image/flow-contract-rent-img_step3_03.png) no-repeat center/cover}.step4Contents::before{content:'';display:block;width:100%;height:40vw;max-height:260px;background:url(../image/flow-contract-rent-img_step4_01-sp.png) no-repeat center/cover}#step4 .stepTitle2Nd{margin:40px 0 15px}.step2List dt,.step2List dd{display:table-cell;vertical-align:top;line-height:1.8}.newLine{color:#d83939;font-size:14px;font-weight:700;display:block;line-height:1.8;text-indent:-1em;margin-left:1em}#step4 .osarai{color:#d83939;margin-left:10px}#step4 dt{width:100%;display:block;padding-bottom:6px}.ilneBrown{color:#333;background-color:#f0eed7;border:2px solid #cbb372;width:100%;height:34px;font-size:14px;line-height:32px;padding:0 10px;box-sizing:border-box;display:block;font-weight:bold;border-radius:3px;display:block;position:relative}#step4 .step2List div{margin-top:0}#step4 .step2List dd{font-size:14px;padding:6px 0 20px 35px;background:url(../image/flow-contract-rent-ico_arrow_circle-sp.png) repeat-y 3% 0;background-size:12px;position:relative}#step4 .step2List dd::after{position:absolute;content:'';background:url(../image/flow-contract-rent-ico_arrow_tip-sp.png) no-repeat 50% 5px #fff;background-size:12px 10px;width:12px;height:10px;padding:5px 0 5px;left:2.9%;bottom:0}#step4 .step2List .step4Yellow{width:100%;height:34px;line-height:34px;color:#333;background-color:#e1e622;border:none;display:block;font-weight:bold;border-radius:3px;display:block;font-size:14px;padding:0 10px;box-sizing:border-box}.imgLeft{margin:23px 0;float:left}.upBorder{border-top:solid 1px #e6e6e6;padding-top:5px;margin-top:10px}.upBorder li{margin-top:15px;text-indent:-1em;margin-left:1em;line-height:1.4}.upBorder .supplement{margin-top:25px}#step4 .upBorder p.title,#step5 .upBorder p.title,#step6 .upBorder p.title{font-size:16px;font-weight:bold;line-height:2.2;position:relative;padding-top:10px;margin:0}#step5 .upBorder p.title{padding-left:70px}.redBox{font-size:12px;font-family:'Century Gothic','ヒラギノ角ゴ Pro W3';background:#d83939;color:#fff;letter-spacing:0.05em;width:64px;height:23px;display:inline-block;box-sizing:border-box;text-align:center;line-height:23px;margin-right:10px}#step5 .upBorder{border-top:none;margin-left:0%;padding-top:25px}#step5 .upBorder p::before{margin:5px 0 0 -70px}#step4 .itemization{margin-top:10px;font-size:14px}#step4 .itemization .stepSpaceImg{margin-top:15px}#step4 .itemization .stepSpaceImg p.title,#step4 .itemization .stepSpaceImg p.text{font-size:14px}#step4 .stepSpaceImg .osarai1,#step4 .stepSpaceImg .osarai2{width:100%}#step4 .stepSpaceImg .osarai1 p.title,#step4 .stepSpaceImg .osarai2 p.text,#step4 .stepSpaceImg .osarai1 p.title,#step4 .stepSpaceImg .osarai2 p.text{line-height:1.8}#step5 .pStep5Sta{padding-top:30%;background:url(../image/flow-contract-rent-img_step6_01-sp.png) no-repeat right 0;background-size:100%}}@media (min-width:768px){.onlySP{display:none !important}.page-contractrent{gap:var(--gap-xxxxl)}.page-contractrent p.text,.page-contractrent p.title{font-size:16px;line-height:1.8;margin-top:20px}.stepSpaceImg,.stepSpace{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}#step4 .stepSpaceImg{margin-top:0px;grid-template-columns:repeat(2,1fr)}#step4 .step4Bottom{margin-top:50px}.stepTitle2Nd{font-size:18px;font-weight:bold;border-left:solid 3px #333;color:#333;padding-left:10px;margin:40px 0 15px}.step1Contents{padding-right:270px;background:url(../image/flow-contract-rent-img_step1_01.png) no-repeat right 0}.step2Contents{position:relative;padding-right:270px;background:url(../image/flow-contract-rent-img_step2_01.png) no-repeat right 0}.step2Contents .imgOver{position:absolute;font-size:10px;background:#fff;color:#555;right:26px;top:115px;display:inline-block;padding:2px;width:84px;height:13px;line-height:15px;margin-top:0;font-weight:700}.stepSpaceImg .text{font-size:14px;line-height:1.8;padding:20px;margin-top:0}.stepSpaceImg li{background-color:#f2f2ec}.stepSpaceImg .overlayImg{position:relative;height:180px}.stepSpaceImg li:nth-child(1) .overlayImg{background:url(../image/flow-contract-rent-img_step3_01.png) no-repeat 0 0;background-size:cover}.stepSpaceImg li:nth-child(2) .overlayImg{background:url(../image/flow-contract-rent-img_step3_02.png) no-repeat 0 0;background-size:cover}.stepSpaceImg li:nth-child(3) .overlayImg{background:url(../image/flow-contract-rent-img_step3_03.png) no-repeat 0 0;background-size:cover}#step3 .overlayImg p.title,#step4 .overlayImg p.title{position:absolute;width:100%;height:50px;padding:0;bottom:0;background:rgba(255,255,255,0.7);line-height:55px}#step4 .stepSpaceImg .osarai1 .overlayImg p.title,#step4 .stepSpaceImg .osarai2 .overlayImg p.title{width:100%;height:50px;line-height:55px}.overlayImgNum{display:inline-block;width:32px;height:25px;font-family:'Century Gothic','ヒラギノ角ゴ Pro W3';border-radius:40% 40%;background:#e1e623;text-align:center;line-height:24px;margin-left:25px;font-weight:bold;font-size:16px}.overlayImgName{color:#333;font-size:18px;font-weight:bold;margin-left:15px}#step3 .example img{width:100%}#step3 .stepSpaceImg{margin-top:15px}.step4Contents{padding-right:270px;background:url(../image/flow-contract-rent-img_step4_01.png) no-repeat right 0;padding-bottom:50px}#step4 .stepTitle2Nd{margin:0 0 15px}.step2List dt,.step2List dd{display:table-cell;vertical-align:top;line-height:1.8}.newLine{color:#d83939;font-size:14px;font-weight:700;display:block;line-height:1.8;text-indent:-1em;margin-left:1em}#step4 .osarai{color:#d83939;margin-left:10px}#step4 dt,#step6 dt{width:140px}.smallArrow,.bigArrow{background:url(../image/flow-contract-rent-ico_stepYazirushi_01.png) no-repeat}#step4 .smallArrow,#step4 .bigArrow{background:url(../image/flow-contract-rent-ico_stepYazirushi_01.png) no-repeat 50% 84%}#step4 .bigArrow{background-position:50% 93%}#step4 .smallArrow{background-position:50% -20%;height:70px}.smallArrow{background-position:50% 23px;height:90px}.bigArrow{background-position:67px 57px;height:138px}.ilneBrown{color:#333;background-color:#f0eed7;border:2px solid #cbb372;width:136px;height:46px;display:block;font-size:14px;font-weight:bold;text-align:center;border-radius:3px;display:table-cell;vertical-align:middle}#step4 .step2List{margin-top:30px}#step4 .step2List div{margin-top:0}#step4 .step2List dd{padding:0 0 36px 20px;font-size:14px}#step4 .step2List .step4Sita{padding:0 0 20px 20px}#step4 .step2List .step4Yellow{width:140px;height:50px;font-size:14px;color:#333;background-color:#e1e622;border:none;display:block;font-weight:bold;text-align:center;border-radius:3px;display:table-cell;vertical-align:middle}#step4 .bnr{margin-top:20px}#step4 .bnr img{height:auto;margin:0 auto}.imgLeft{margin:23px 0;float:left}.upBorder{border-top:solid 1px #e6e6e6;margin-left:18%;margin-bottom:45px;padding-top:10px}.upBorder li{margin-top:10px}.upBorder .supplement{margin-top:25px}#step4 .upBorder p.title,#step5 .upBorder p.title,#step6 .upBorder p.title{font-size:18px;font-weight:bold;line-height:2;position:relative;padding-top:10px;margin:0;display:flex;align-items:center;height:35px}.redBox{font-size:12px;font-family:'Century Gothic','ヒラギノ角ゴ Pro W3';background:#d83939;color:#fff;letter-spacing:0.05em;width:64px;height:23px;display:inline-block;box-sizing:border-box;text-align:center;line-height:23px;margin-right:10px}#step5 .upBorder{border-top:none;margin-left:0%;padding-top:25px}#step5 .upBorder p::before{margin:5px 0 0 -70px}#step4 .itemization{margin-top:10px;font-size:14px}#step4 .itemization .stepSpaceImg{margin-top:15px}#step4 .itemization .stepSpaceImg p.title,#step4 .itemization .stepSpaceImg p.text{font-size:14px}#step4 .stepSpaceImg .osarai1{}#step4 .stepSpaceImg .osarai1 .overlayImg{background:url(../image/flow-contract-rent-img_step4_03.png) no-repeat 0 0;background-size:100%}#step4 .stepSpaceImg .osarai2{}#step4 .stepSpaceImg .osarai2 .overlayImg{background:url(../image/flow-contract-rent-img_step4_02.png) no-repeat 0 0}#step4 .stepSpaceImg .osarai1 p.title,#step4 .stepSpaceImg .osarai2 p.text,#step4 .stepSpaceImg .osarai1 p.title,#step4 .stepSpaceImg .osarai2 p.text{line-height:1.8}#step5 .pStep5Sta{padding-right:270px;padding-bottom:30px;background:url(../image/flow-contract-rent-img_step6_01.png) no-repeat right 0}}.page-contractrent .contact{margin-top:30px}.page-contractrent .contact .title{margin-top:0}@media (min-width:800px){.page-contractrent .contact .title{line-height:1.5;font-size:var(--text-lg)}}
