.main-container{width:100%}.dev-models{margin-top:152px;display:flex;flex-direction:column;gap:72px}.dev-models .section-title{font-weight:500;font-size:56px;line-height:56px;color:var(--text-color);margin:0 0 0 212px}.model-item{width:90%;display:flex;flex-direction:column;align-items:center;background:transparent;position:relative}.model-item-left{align-self:flex-start}.model-item-right{align-self:flex-end}.model-item .model-bg{width:100%;height:72%;background:#e9eef5;position:absolute;z-index:-1;bottom:0}.model-item .model-illustration{width:72%;height:288px;box-shadow:-12px 12px 12px #cbd0dc;border:2px solid #FFFFFF;background:#f2f2f2;border-radius:20px;margin:0;display:flex;justify-content:center;align-items:center}.model-illustration .model-flow{width:80%;display:flex;align-items:end;justify-content:space-between}.model-illustration .model-flow .m-0{margin:0}.model-flow .person{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.person:before{content:"";position:absolute;width:152px;height:152px;border-radius:50%;background-size:cover;background-position:center;z-index:-1;top:-20%;left:-40%}.model-flow .person-japan:before{background-image:url(https://cdn.yopaz.jp/build/assets/flag-Japan-B6IrOqi7.png)}.model-flow .person-bridge:before{border-radius:50%;background-image:url(https://cdn.yopaz.jp/build/assets/flag-VietNam-bnjp7Acx.png)}.model-flow .person-team-vietnam:before{content:"";position:absolute;width:152px;height:152px;background-size:cover;background-position:center;z-index:-1;top:-12%;left:0;border-radius:50%;background-image:url(https://cdn.yopaz.jp/build/assets/flag-VietNam-bnjp7Acx.png)}.model-flow .group-person-team .flag-japan{width:152px;height:152px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.model-flow .person-team-vietnam{position:relative;width:500px;height:auto;display:flex;justify-content:flex-end}.model-flow .male-person-bridge{position:absolute;top:6%;left:14%;z-index:2}.model-flow .group-person-vietnam{position:relative;z-index:1}.model-flow .group-person-team{display:flex;margin-left:-24px}.model-flow.group-person-flow{width:88%}.model-flow .group-person-yopaz:before{border-radius:50%;top:-12%;left:-12%;background-image:url(https://cdn.yopaz.jp/build/assets/flag-Japan-B6IrOqi7.png)}.model-flow .group-person-team-yopaz:before{border-radius:50%;top:-20%;left:-12%;background-image:url(https://cdn.yopaz.jp/build/assets/flag-VietNam-bnjp7Acx.png)}.group-person-right{transform:translate(-20px,2px)}.group-person-left{transform:translateY(5px)}.model-flow .flow-text{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:center;margin-right:4%}.model-flow .arrow-next{align-self:center}.model-flow .flow-text p{margin:0;font-weight:700;font-size:18px;line-height:27px;color:var(--text-color)}.model-item .model-content{width:72%;display:flex;gap:56px;padding:50px 0}.model-content .model-number{font-weight:700;font-size:102px;line-height:108px;text-align:center;vertical-align:middle;margin:0;color:#d0cfdf}.model-content .model-text{border-left:3px solid;-o-border-image:linear-gradient(148.02deg,#FF3841 28.64%,#FFD0A0 176%) 1;border-image:linear-gradient(148.02deg,#ff3841 28.64%,#ffd0a0 176%) 1;padding-left:56px;display:flex;flex-direction:column;gap:24px}.model-content .model-title{font-weight:500;font-size:24px;line-height:30px;margin:0;color:var(--text-color)}.model-content .model-description{font-weight:400;font-size:16px;line-height:25px;margin:0;color:var(--text-color);text-align:justify}.contract-type{margin-top:154px;margin-bottom:126px;height:100%;display:flex;flex-direction:column;position:relative}.contract-type__title{font-weight:500;font-size:56px;line-height:56px;color:var(--text-color);margin:0 0 0 212px}.contract-type-bg{background:#e9eef5;height:85%;width:100%;position:absolute;z-index:-1;top:53%;left:50%;transform:translate(-50%,-50%)}.contract-type__container{margin-top:75px;width:80%;align-self:center;display:flex;flex-direction:column;gap:52px}.contract-type__article--outsourcing{background:#fff;box-shadow:-12px 12px 12px #cbd0dc,inset -5px 6px 8px #e4e8ee;border-radius:20px;padding:72px;display:flex;gap:52px}.contract-type__article--outsourcing .contract-type__info{display:flex;flex-direction:column;gap:24px}.contract-type__article--outsourcing .contract-type__info .contract-details{display:flex;flex-direction:column;gap:40px}.contract-type__article--outsourcing .contract-details .contract-cards{display:flex;gap:32px;background:#e9eef5;border-radius:20px;padding:32px}.contract-type__article--outsourcing .contract-details .contract-card{display:flex;flex-direction:column;gap:20px;background:#fff;border-radius:20px;padding:32px;width:30%}.contract-type__article--outsourcing .contract-details .contract-card .card-title{font-weight:700;font-size:20px;line-height:24px;margin:0;color:var(--text-color)}.contract-type__article--outsourcing .contract-details .contract-card .card-list{padding-left:1.5rem;list-style-type:disc}.contract-type__article--outsourcing .contract-details .contract-card .card-list li,.card-text{font-weight:400;font-size:16px;line-height:25px;margin:0;color:var(--text-color);text-align:justify;letter-spacing:1px}.contract-type__article--outsourcing .contract-details .contract-flow .flow-title{font-weight:700;font-size:20px;line-height:24px;margin:0;color:var(--text-color)}.contract-type__article--outsourcing .contract-details .contract-flow .flow-note{font-weight:400;font-size:16px;line-height:25px;margin:0;color:var(--text-color)}.contract-type__description{font-weight:500;font-size:20px;line-height:28px;margin:0 0 24px;color:var(--text-color)}.contract-flow .flow-steps{display:flex;padding:0}.contract-flow .flow-step{width:14.25%;display:flex;flex-direction:column;align-items:center}.contract-flow .flow-step figure{margin:0;display:flex;flex-direction:column;align-items:center;width:100%;z-index:1}.flow-steps .flow-step-img{width:67px;height:67px;border-radius:50%;background:#e9eef5;display:flex;align-items:center;justify-content:center;position:relative}.flow-step-img:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:2px;height:30px;z-index:-1;background-color:var(--text-color)}.flow-step-img:after{content:"";position:absolute;bottom:-26px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:#fff;border:2px solid var(--text-color);border-radius:50%;z-index:8;box-shadow:0 0 4px #0000001a}.flow-step figcaption{font-weight:500;font-size:16px;line-height:24px;margin-top:10px;color:var(--text-color)}.flow-step .flow-step-figure{display:flex;justify-content:center;width:56%;padding:6px 40px 20px;border-bottom:1px solid #202051}.contract-type__article--lab{display:flex;gap:52px;background:#fff;box-shadow:-12px 12px 12px #cbd0dc,inset -5px 6px 8px #e4e8ee;border-radius:20px;padding:72px}.contract-type__article--lab .contract-type__description{font-weight:500;font-size:20px;line-height:28px;color:var(--text-color)}.contract-type__article--lab .contract-type__details{display:flex;flex-direction:column;gap:40px;background-color:#e9eef5;border-radius:20px;padding:32px}.contract-type__article--lab .lab-contract__main-details{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,auto);gap:32px}.lab-contract__main-details .lab-contract__suitable-conditions{display:flex;flex-direction:column;grid-row:span 2;background:#fff;padding:32px;gap:20px;border-radius:20px}.lab-contract__main-details .lab-contract__working-condition{display:flex;flex-direction:column;background:#fff;padding:32px;gap:20px;border-radius:20px}.lab-contract__suitable-conditions .lab-contract__condition-list{padding-left:1.5rem;list-style-type:disc;margin:0}.lab-contract__suitable-conditions .lab-contract__subtitle{font-weight:700;font-size:20px;line-height:29px;margin:0;color:var(--text-color)}.lab-contract__suitable-conditions .lab-contract__condition-item{font-weight:400;font-size:16px;line-height:25px;margin:0;color:var(--text-color);text-align:justify}.lab-contract__working-condition .lab-contract__term-label{font-weight:700;font-size:20px;line-height:29px;margin:0;color:var(--text-color)}.lab-contract__working-condition .lab-contract__term-value{font-weight:400;font-size:16px;line-height:25px;margin:0;color:var(--text-color);letter-spacing:1px}.contract-type__info .lab-contract__content{display:flex;gap:40px;margin-top:40px}.lab-contract__content .lab-contract__suitable-cases{display:flex;flex-direction:column;gap:24px;width:50%}.lab-contract__suitable-cases .lab-contract__subtitle{font-weight:700;font-size:20px;line-height:24px;margin:0;color:var(--text-color)}.lab-contract__suitable-cases .lab-contract__case-list{display:flex;flex-direction:column;border-radius:20px;overflow:hidden}.lab-contract__suitable-cases .lab-contract__case-item{position:relative;height:105px;width:100%;background-color:#fff;display:flex;overflow:hidden}.lab-contract__suitable-cases .lab-contract__image-wrapper{width:60%;height:100%;position:relative;overflow:hidden}.lab-contract__suitable-cases .lab-contract__case-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.8;-o-object-position:left center;object-position:left center;-webkit-mask-image:linear-gradient(to right,black 70%,transparent 100%);mask-image:linear-gradient(to right,black 70%,transparent 100%)}.lab-contract__suitable-cases .lab-contract__case-number{position:absolute;bottom:0;left:0;z-index:2;font-weight:500;font-size:56px;color:#fff;line-height:88%}.lab-contract__suitable-cases .lab-contract__case-text{position:absolute;top:50%;right:10%;transform:translateY(-50%);font-weight:500;font-size:18px;line-height:27px;color:var(--text-color);z-index:2}.lab-contract__suitable-cases .lab-contract__case-item:nth-child(2){flex-direction:row-reverse}.lab-contract__suitable-cases .lab-contract__case-item:nth-child(2) .lab-contract__case-image{-o-object-position:right center;object-position:right center;mask-image:linear-gradient(to left,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to left,black 70%,transparent 100%)}.lab-contract__suitable-cases .lab-contract__case-item:nth-child(2) .lab-contract__case-text{left:10%;right:auto;text-align:left}.lab-contract__suitable-cases .lab-contract__case-item:nth-child(2) .lab-contract__case-number{right:0;left:auto}.lab-contract__sprint-phases .lab-contract__subtitle{font-weight:700;font-size:20px;line-height:24px;margin:0;color:var(--text-color)}.lab-contract__sprint-phases{display:flex;flex-direction:column;gap:24px;width:50%}.contract-type__container .contract-type__article--title{position:relative;font-weight:600;font-size:56px;line-height:63px;writing-mode:vertical-rl;text-orientation:upright;color:#fff;letter-spacing:10px;text-shadow:2px 0px 0px #202051,-2px 0px 0px #202051,0px 2px 0px #202051,0px -2px 0px #202051,2px 2px 0px #202051,-2px -2px 0px #202051,2px -2px 0px #202051,-2px 2px 0px #202051,3px 3px 0px #202051,4px 4px 0px #202051;z-index:1;margin:0}.contract-type__container .contract-type__article--title:before{content:"";position:absolute;top:-1%;left:0;width:32px;height:32px;background-color:#e5331d;border-radius:50%;z-index:-1}.lab-contract__sprint-phases .lab-contract__sprint-image{width:100%}