.job{font-family:var(--font02);background-color:var(--back02)}.work-nav{color:#fff;display:flex;align-items:center;justify-content:center;padding:100px 0;max-width:1400px;margin:0 auto;background-color:var(--main);box-shadow:0 0 0 100vmax var(--main);clip-path:inset(0 -100vmax);margin-bottom:-1px;position:relative;z-index:2;font-family:var(--font02)}.work-nav .text{width:30%}.work-nav .text .main{font-size:35px;letter-spacing:10px;margin-bottom:15px}.work-nav .text .ex{line-height:1.8}.work-nav .nav-box{display:flex;align-items:center;width:65%;gap:10px}.work-nav .nav-box div{cursor:pointer;position:relative;border-radius:10px}.work-nav .nav-box .job01{background:url(//www.ty-bikou.com/wp-content/themes/wp-base/assets/css/../webp/4-works/work02.webp);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;aspect-ratio:16/9}.work-nav .nav-box .text-box{position:absolute;bottom:5%;left:5%}.work-nav .nav-box p{color:var(--text01);padding:1px 5px;border-radius:5px}.work-nav .nav-box .number{background-color:#fff;display:inline-block;margin-bottom:5px}.work-nav .nav-box .ttl{background-color:#fff;display:block}.work-nav .nav-box .job02{background:url(//www.ty-bikou.com/wp-content/themes/wp-base/assets/css/../webp/4-works/work03.webp);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;aspect-ratio:16/9}.works .container{padding-top:80px;margin:0 auto;padding-bottom:50px}.job .img-01{top:-15%;width:100%}.job .img-01 img{border-radius:15px;width:100%}.works .parts01{border-bottom:2px solid var(--main);max-width:1400px;margin:0 auto 50px}.works .work_ex{width:1400px;margin:0 auto;margin-bottom:25px}.works .work_ex p{font-weight:500;color:var(--text01)}.works .parts01 .ttl-box .number{font-size:40px;font-weight:700;line-height:1.1}.works .parts01 .ttl-box{display:flex;align-items:end}.works .parts01 .ttl-box .ttl{font-size:40px;font-weight:700;line-height:1.1;display:block;margin-left:10px}.works .parts01 .sub_ttl{font-weight:500;font-size:16px;margin-top:35px}.works .parts01 .p-box{display:flex;align-items:center;margin:30px 0 50px}.works .parts01 .p-box .box{display:flex;align-items:end;width:20%}.works .parts01 .p-box .box img{height:80px;width:auto;margin-right:15px}.works .parts01 .p-box .box .txt .ex{font-size:14px}.works .parts01 .p-box .box .txt .name{font-size:18px}.works .parts02{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 0 80px auto}.works .parts02 .left{width:60%}.works .parts02 .right{width:35%}.works .ttl{display:flex;align-items:center}.works .ttl .number{font-size:4.6rem;margin-right:.5rem;position:relative;color:var(--main);font-family:var(--font01);font-weight:500}.works .ttl .number:after{content:'';display:inline-block;width:30px;height:2px;background-color:var(--main);margin-left:.5rem;vertical-align:middle;transform:translateY(-.1rem)}.works .ttl .lead{font-size:3vh;font-weight:600;margin-left:20px}.works .line-box{display:flex;align-items:center;width:100%;margin:30px 0}.works .line-box img{width:100px;height:auto;border-radius:50%;margin-right:1rem}.works .lines{font-size:1rem;color:var(--text02);line-height:1.6;font-weight:600;width:70%}.works .parts02 .right img{width:100%;border-radius:8px}.works .parts03{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:auto 0 80px 0}.works .parts03 .left{width:35%;margin-right:10%}.works .parts03 .right{width:50%}.works .parts03 .left img{width:100%;border-radius:8px}.works .parts04{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 0 80px auto}.works .parts04 .left{width:60%}.works .parts04 .right{width:35%}.parts04 .right img{width:100%;border-radius:8px}.works .parts05{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:auto 0 80px 0}.works .parts05 .left{width:35%;margin-right:10%}.parts05 .left img{width:100%;border-radius:8px}.works .parts05 .right{width:50%}.works .parts06{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 0 0 auto}.works .parts06 .left{width:60%}.works .parts06 .right{width:35%}.parts06 .right img{width:100%;border-radius:8px}.naruhako{position:relative;z-index:1}.kirubeer{position:relative;z-index:1}.slash01{position:absolute;z-index:-1;width:100%;top:25%}.slash01 img{width:100%;height:1500px}.slash02{position:absolute;z-index:-1;width:100%;top:70%}.slash02 img{width:100%;height:1500px}.slash03{position:absolute;z-index:-1;width:100%;top:20%}.slash03 img{width:100%;height:1500px}.slash04{position:absolute;z-index:-1;width:100%;top:51%}.slash04 img{width:100%;height:1500px}.slash05{position:absolute;z-index:-1;width:100%;bottom:-11%}.slash05 img{width:100%;height:1500px}.job01,.job02{transition:filter .5s ease}.job01:hover~.job02,.job02:hover~.job01{filter:brightness(50%)}.naruhako,.kirubeer{opacity:0;transition:opacity 1s ease;height:0;overflow:hidden;transition:opacity 1s ease,height 1s ease}.naruhako.active,.kirubeer.active{opacity:1;height:auto;overflow:visible}@media screen and (max-width:1400px){.works .work_ex{width:90%}.work-nav{max-width:90%}.works .parts01{max-width:90%}.works .parts02{max-width:90%}.works .parts03{max-width:90%}.works .parts04{max-width:90%}.works .parts05{max-width:90%}.works .parts06{max-width:90%}}@media screen and (max-width:1200px){.work-nav .text .ex{letter-spacing:2px}.work-nav{padding:65px 0}.works .container{padding-top:45px}.prosess-flow{padding:60px 0}}@media screen and (max-width:1100px){.work-nav .text .ex{font-size:15px}.works .parts01 .p-box .box{width:25%}.work-nav{padding:60px 0}}@media screen and (max-width:1000px){.work-nav .text .main{font-size:28px}.work-nav .text .ex{font-size:13px}.work-nav{padding:50px 0}}@media screen and (max-width:8590px){.work-nav{flex-direction:column;padding:50px 0}.work-nav .text{width:100%}.work-nav .nav-box{width:100%;margin-top:20px}.white-bar{background-color:var(--back02);box-shadow:0 0 0 100vmax var(--back02);clip-path:inset(0 -100vmax);width:auto}.works .parts01 .p-box .box{width:33%}.works .parts01 .p-box .box .txt .ex{letter-spacing:1px}.job .img-spbox{width:100%}.job .img-spbox img{width:100%;object-fit:cover;aspect-ratio:16/9}.works .parts02{margin:0 auto}.works .parts03{margin:0 auto;padding-top:60px}.works .parts04{margin:0 auto;padding-top:60px}.works .parts05{margin:0 auto;padding-top:60px}.works .parts06{margin:0 auto;padding-top:60px}.works .parts02 .left{width:100%}.works .parts03 .right{width:100%}.works .parts04 .left{width:100%}.works .parts05 .right{width:100%}.works .parts06 .left{width:100%}.works .ttl{justify-content:flex-start}.works .lines{width:80%}.works .parts01 .ttl-box .ttl{font-size:28px}.works .parts01 .ttl-box .number{font-size:28px}.works .parts01 .p-box{margin:25px 0 10px}.works .parts01{margin:0 auto 50px}.works .work_ex{width:90%;margin-bottom:25px}.works .parts01 .sub_ttl{margin-top:20px}}@media screen and (max-width:650px){.work-nav{padding:25px 0}.work-nav .text .main{font-size:28px;margin-bottom:10px}.work-nav .text .ex{line-height:1.8;font-size:.9rem;letter-spacing:2px}.work-nav .nav-box .job02{aspect-ratio:1/1;background:url(//www.ty-bikou.com/wp-content/themes/wp-base/assets/css/../webp/4-works/work03-sp.webp);background-size:cover}.work-nav .nav-box .job01{aspect-ratio:1/1;background:url(//www.ty-bikou.com/wp-content/themes/wp-base/assets/css/../webp/4-works/work02-sp.webp);background-size:cover}.work-nav .nav-box .ttl{letter-spacing:1px;font-size:.9rem;font-weight:500}.works .container{padding-top:50px}.works .parts01 .p-box{margin:20px 0 10px;flex-direction:column}.works .parts01 .p-box .box{width:100%;margin-bottom:10px}.works .parts01 .p-box .box .txt .ex{line-height:1.1}.works .parts01 .p-box .box .txt .name{font-weight:600}.works .ttl .number{font-size:30px}.works .ttl .number:after{display:contents}.works .ttl .lead{font-size:20px;letter-spacing:2px}.job .img-spbox img{border-radius:15px}.works .lines{position:relative;display:inline-block;margin:10px 0 10px 5px;padding:7px 10px;min-width:120px;max-width:100%;color:var(--text02);background:#fff;box-sizing:border-box;letter-spacing:2px;border-radius:8px;font-weight:400;font-size:.9rem;line-height:2}.works .lines:before{content:"";position:absolute;top:50%;left:-24px;margin-top:-12px;border:12px solid transparent;border-right:12px solid #fff;z-index:2}.works .lines:after{content:"";position:absolute;top:50%;left:-30px;margin-top:-14px;z-index:1}.works .line-box{margin:5px 0}.works .ttl{margin-bottom:10px}.works .parts01 .ttl-box{align-items:center}.works .parts01 .ttl-box .ttl{font-size:23px;letter-spacing:2px;margin-top:10px;font-weight:600}.works .parts01 .ttl-box .number{font-size:25px;margin-right:10px;font-weight:600}.works .parts01{margin:0 auto 25px}.works .work_ex p{font-size:13px;letter-spacing:1px;line-height:1.8}}