@font-face{font-family:"Times New Roman";src:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/fonts/TimesNewRoman/times\%20new\%20roman\%20bold.woff);font-weight:700}h2{font-size:26px}.none-for-pc{display:none}.for-pc{display:block}.row-pc{display:flex;flex-direction:row}.row-pc-reverse{display:flex;flex-direction:row-reverse}#clip-box{bottom:0;margin-top:0;margin-bottom:0}header{height:79px;.for-pc.row{width:calc(100% - 84px);margin-left:84px;display:flex;justify-content:space-between;align-items:center;box-shadow:0px 4px 4px 0px #00000040;border:4px solid #FFFFFF;a{border:none;font-size:20px;width:auto;color:black;font-family:"NotoSans";&.scale-anim-list{transition-duration:0.4s;&:hover{color:coral;font-weight:900;letter-spacing:3px}}}>.row{margin-left:121px;width:951px;gap:calc(9.5vw - 105.12px);align-items:center;flex:1;>div{align-self:center;margin-right:2.3vw;&:nth-child(1){.div-img{.img-container{position:absolute;&:nth-child(3){display:none}}}}&:nth-child(2){width:44.9px}&:nth-child(3){width:132px}&:nth-child(4){width:110px}&:nth-child(5){width:88px}&:nth-child(6){width:132px}.div-img{position:relative;inset:0;width:113px;height:36px;margin:0 auto;&:hover{.img-container{&:nth-child(1){transform:rotate(200deg)}}}img{object-fit:cover}.img-container{&:nth-child(1){position:absolute;width:59px;top:-11px;left:-40px;transform:rotate(110deg)}}}}}.column{a{p{font-family:"Times New Roman";letter-spacing:.1108em;color:#000}}>p{font-size:18px;font-weight:600;color:#000}}}>button.dark-mode-button{position:fixed;bottom:1vw;right:1vw;width:108px;height:108px;transform-origin:216px 216px;animation:darkmodebuttonFadeIn 0.25s forwards;&.hidden{animation:darkmodebuttonFadeOut .25s forwards}}}aside{position:fixed;inset:0;z-index:10;pointer-events:none;>.for-pc.column{pointer-events:none;&:has(form.category-group-button-pc){a,form{&:first-child{margin:10px 0 10px;padding:35px 20px}&:nth-child(2){margin:10px 0;padding:35px 20px}}}a,form{position:relative;inset:0;pointer-events:auto;background-color:#fff;writing-mode:vertical-lr;text-orientation:upright;font-size:20px;font-family:"YasashisaGothicBoldV2";font-weight:700;border-top-right-radius:60px;border-bottom-right-radius:60px;box-shadow:0px 0px 14px 0px #00000040;overflow:clip;&:first-child{padding:35px 20px;margin:85px 0 34px}&:nth-child(2){padding:35px 20px;margin:34px 0}&:nth-child(3){padding:35px 20px;height:230px;width:70px;text-align:center;&.active{button{opacity:1;&[type=button]{span{rotate:90deg;transition-duration:.5s}}}p{opacity:1}}button{display:inline-block;opacity:0;&[type=button]{opacity:1;span{transition-duration:0s;transition-timing-function:ease-out;display:inline-block;transform:none}}}p{opacity:0}}&:hover{span{transform:translateX(100px)}div{transform:translateY(-50%) translateX(100px)}}span{transition-duration:0.4s;display:block;&:nth-of-type(1){transition-delay:.03s}&:nth-of-type(2){transition-delay:.06s}&:nth-of-type(3){transition-delay:.09s}&:nth-of-type(4){transition-delay:.12s}&:nth-of-type(5){transition-delay:.15s}&:nth-of-type(6){transition-delay:.18s}&:nth-of-type(7){transition-delay:.21s}&:nth-of-type(8){transition-delay:.24s}&:nth-of-type(9){transition-delay:.27s}&:nth-of-type(10){transition-delay:.3s}}div{position:absolute;top:50%;left:-90px;transform:translateY(-50%);background-size:contain;background-position:center;background-repeat:no-repeat;width:50px;height:50px;transition-duration:0.4s;&#mail-img{background-image:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/imgs/メール緑.png);filter:brightness(0)}&:not(#mail-img){background-image:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/imgs/書類.png);height:50px}}}}}main{bottom:0;&#index-main{#first-view{top:50px;left:-230px;width:135vw;.mountain{width:836px;height:480px;left:100px}.sun-hand{top:-80px;left:-200px;width:1600px;height:1000px}div:nth-of-type(2){.text-container{margin:0;width:unset;text-align:end;padding-top:100px;left:unset;right:calc(25vw + 100px);h1{color:#0e291b}h2{width:auto;margin-top:40px}}.star{&:nth-child(3){display:none}&:nth-child(4){top:20px;left:1000px}&:nth-child(5){top:350px;left:1030px}}}.true-parallax-front{&:nth-child(3){.human{&:nth-child(1){top:800px}&:nth-child(2){top:825px}&:nth-child(3){top:850px}}}&:nth-child(5){.human{width:54px;height:123px;left:329px}}}}}&#single-blog{.single-thumbnail{width:503px;height:447px}#article-content{margin-right:0;margin-left:0}.row-pc-reverse{align-items:initial;justify-content:center;gap:54px;.container{&:first-child{margin:0}}}}#first-view{&.contact-FV{.potoo{&:nth-child(4){left:393px;top:213px}&:nth-child(5){left:464px;top:175px}&:nth-child(6){right:365px;top:289px}}.grass{&:nth-child(7){left:328px}&:nth-child(8){left:225px}&:nth-child(9){top:491px;left:1015px}&:nth-child(10){top:542px;left:977px}}.post{top:343px;left:520px;&:after{width:405px;height:90px;left:-140px;bottom:-45px}}.human{width:168px;height:322px;top:187px;right:438px}}&.recruitment-FV{.mountain{&:nth-child(1){top:350px;right:0}&:nth-child(2){top:350px;left:0}}.cloud{&:nth-child(4){top:295px}&:nth-child(5){top:263px}&:nth-child(6){top:341px}}.tree{&:nth-child(7){top:444px;right:327px}&:nth-child(8){top:454px;right:192px}&:nth-child(9){top:444px}&:nth-child(10){top:455px}}}&.flow-FV{.cloud{&:nth-child(2){width:306px;height:118px;top:229px}&:nth-child(3){width:186px;height:71px;top:358px}&:nth-child(4){width:134px;height:51px;top:229px}&:nth-child(5){width:186px;height:71px;top:145px}}.mountain{&:nth-child(6){width:774px;height:248px;top:316px;left:-172px}&:nth-child(7){width:709px;height:228px;top:336px;right:-150px}}.tree{&:nth-child(8){width:72px;height:146px;top:418px;left:296px}&:nth-child(9){width:88px;height:134px;top:430px;left:411px}&:nth-child(10){width:66px;height:134px;top:430px;left:unset;right:222px}&:nth-child(11){width:100px;height:124px;top:440px;left:unset;right:95px}}.potoo{&:nth-child(12){width:28px;height:43px;top:222px;left:427px}&:nth-child(13){width:37px;height:38px;top:184px;left:498px}&:nth-child(14){width:28px;height:43px;top:242px;right:384px}&:nth-child(15){width:37px;height:38px;top:302px;right:323px}}}&.about-service-FV{height:600px;.potoo{&:nth-child(2){width:46px;height:74px;top:178px;left:518px}&:nth-child(3){width:63px;height:67px;top:113px;left:637px}}.flower{&:nth-child(4){width:35px;height:73px;top:379px;right:383px}&:nth-child(6){width:60px;height:111px;top:447px;left:481px}&:nth-child(7){width:65px;height:137px;top:456px;right:541px}}.wheelchair{width:200px;height:238px}}}#about-office{margin-top:calc(-150vw + 1340px);.text-container{width:548px;margin-right:72px;margin-left:auto;h2{margin-left:0}}.mountain{width:441px;height:273px;position:absolute;z-index:1;right:0}.wheelchair{z-index:0;width:87px;height:117px;bottom:-350px}.grass-front{position:absolute;bottom:-350px;left:260px;background-image:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/imgs/小草.webp);background-size:contain;background-position:center;background-repeat:no-repeat;width:60px;height:30px}.grass-back{position:absolute;z-index:-1;bottom:-325px;left:249px;background-image:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/imgs/小草.webp);background-size:contain;background-position:center;background-repeat:no-repeat;width:60px;height:30px}}#service{padding-top:34.7vw;.river{top:calc(34.7vw - 200px)}.text-container{margin-top:0;dt{h2{width:113px;&:after{width:79px;height:76px;right:-119px}}}dd{text-align:center}}}#content-of-service{.row-tb{.column{.img-container{.white-bg{width:200px;height:200px}}dd{margin-top:20px}}}}#procedure{.mountain-container{left:20vw;.mountain{&:nth-child(1){width:654px;height:451px}&:nth-child(2){top:400px;width:500px;height:259px}}}h2{width:310px;font-size:26px}.column{width:772px;gap:40px;margin:0 auto}}#recruitment{margin-left:80px;margin-right:80px;.row-pc{justify-content:center;gap:20px;a{padding-left:101px;padding-right:101px;&:nth-of-type(1){margin-right:0;margin-left:80px}&:nth-of-type(2){margin-left:0;margin-right:80px}}}}#contact{margin:112.5px 13.9vw 0;h2{&:after{width:90px;height:80px;right:-100px}}.row-pc{justify-content:space-between;align-items:center;position:relative;inset:0;a.round{margin:0;padding-left:75px;padding-right:75px;p{&:after{content:"→";margin-left:10px}}}.row-tb{position:static;gap:24px;.circle.for-tb{left:-1vw}>div{p{&:nth-of-type(2){margin-bottom:10px}}}}}}#introduce{&:before{top:0;width:600px;height:578px}&:after{bottom:-150px;width:600px;height:578px}dl{dd{&.row-pc{gap:66px}}}}#tel-contact{.bird{&:nth-child(1){width:28px;height:43px;top:160px;left:204px}&:nth-child(2){width:37px;height:38px;top:122px;left:275px}}}#contact-form{.cloud{&:nth-child(1){width:196px;height:129px}&:nth-child(2){width:196px;height:129px}}.bird{&:nth-child(3){right:375px}&:nth-child(4){right:306px}}form{.row-tb-reverse{input[type=checkbox]{width:36px;height:36px;&:after{width:18px;height:15px}}}}}#confirmation{margin:99px 310px 99px;dl{.row-tb{dd{width:504px}}}}.row-pc-reverse{align-items:center;#our-work1{margin-top:0;.mountain{right:-330px}.cloud{&:nth-child(2){top:-260px}}.text-container{h2{position:relative;inset:0;width:636px}}}#picture-sun1{margin:0 86px;.div-img{position:relative}}}.row-pc{#our-work2{.mountain{left:-75px}.text-container{padding-left:100px;h2{position:relative;left:0;margin-left:auto;width:623px}}}#picture-sun2{.div-img{position:relative}}}#job-description,#recruitment-flow{width:690px}#recruitment-entry-link{#recruitment-entry{width:1121px}}#usage-flow{ol{li{margin-top:24px;&:nth-child(3){.text-container{.mountain{&:nth-child(3){width:192px;height:100px;right:-19px}&:nth-child(4){right:-191px}}}}h3{width:700px;font-size:45px;&:after{width:644px}}.text-container{width:700px;p{font-size:21px}.bird{&:nth-child(3){right:74px}&:nth-child(4){right:-11px}}.mountain{&:nth-child(5){left:-30px;bottom:-10px}&:nth-child(6){bottom:-10px}}.tree{bottom:-10px}.spire{bottom:-10px;right:-35px}}}}}#explanations{p{font-size:23px}}#about-service{.cloud{width:196px;height:129px;top:139px}.bird{&:nth-child(4){width:46px;height:74px;top:65px;left:unset;right:495px}&:nth-child(5){width:63px;height:67px;top:13px;left:unset;right:359px}}}>.row-pc{justify-content:center;gap:20px;#accompanying-support{margin:210px 0 0 0;&:hover{.entity{>.white-bg{.div-img{.img-container{&:nth-child(1){display:block}&:nth-child(2){display:none}}}}}}.entity{transition-duration:0.3s;&.hidden{left:-100vw;opacity:0;transition-duration:1s}>.white-bg{.div-img{.img-container{&:nth-child(1){display:none}&:nth-child(2){display:block}}}}.speech-balloon{top:0;left:370px;transform:none;&:after{left:-15px;bottom:unset;top:50%;transform:rotate(45deg) translateY(-50%)}}}}#mobility-support{margin-left:0;margin-right:0;margin-bottom:0;&:hover{.entity{>.white-bg{.div-img{.img-container{&:nth-child(1){display:block}&:nth-child(2){display:none}}}}}}.entity{transition-duration:0.3s;&.hidden{left:100vw;opacity:0;transition-duration:1s}>.white-bg{.div-img{.img-container{&:nth-child(1){display:none}&:nth-child(2){display:block}}}}.speech-balloon{top:0;left:370px;transform:none;&:after{left:-15px;bottom:unset;top:50%;transform:rotate(45deg) translateY(-50%)}}}}#home-care{margin-left:0;margin-right:0;margin-bottom:0;&:hover{.entity{>.white-bg{.div-img{.img-container{&:nth-child(1){display:block}&:nth-child(2){display:none}}}}}}.entity{transition-duration:0.3s;&.hidden{left:100vw;opacity:0;transition-duration:1s}>.white-bg{.div-img{.img-container{&:nth-child(1){display:none}&:nth-child(2){display:block}}}}.speech-balloon{top:0;left:-400px;transform:none;&:after{left:unset;right:0;bottom:unset;top:50%;transform:rotate(45deg) translateY(-50%)}}}}}#about-group-home{width:736px;p{&:nth-child(1){font-size:23px}}}#FAQ{max-width:736px;width:736px}}footer{bottom:0;margin-bottom:0;padding-top:146px;padding-bottom:50px;&:after{width:100%}.bird{right:50%;transform:translateX(50%)}#info{margin-left:0;.row-pc{gap:222px;justify-content:center;div{width:600px;&:nth-of-type(1){dl{width:unset;.div-img{top:-150px;width:0;height:136px}dt{width:fit-content}&:nth-of-type(3){margin-bottom:0}}}&:nth-of-type(2){.iframe-container{width:384px;height:223px}a{margin:13px auto;p{&:after{right:-1em}}}}}}}.star{&:nth-child(3){top:-1000px;left:600px}&:nth-child(4){top:-1200px;left:700px;width:25px;height:25px}&:nth-child(5){top:-1100px;left:1340px;width:30px;height:30px}&:nth-child(6){top:-1000px;left:1380px;width:20px;height:20px}&:nth-child(7){top:-1220px;left:1420px;width:15px;height:15px}}}html.dark-mode{body{header{.row.for-pc{a{&.scale-anim-list{&:hover{color:#fff}&.not-hover{color:coral}}}>.row{>div{.div-img{.img-container{&:nth-child(2){display:none}&:nth-child(3){display:block}}}}}a{color:#fff}p{color:#fff}}}aside{.column{.row{box-shadow:0px 0px 14px 0px #FFFFFF;border:1px solid #FFFFFF;background-color:#0c0a2a;span{color:#fff}#mail-img{filter:brightness(0) invert(1)}div:not(#mail-img){filter:invert(1)}}}}main{&#index-main{#first-view{.sun-hand{background-position:center 60%}.text-container{h1{color:#fff;text-shadow:#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px}h2{color:#fff;text-shadow:#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px,#000 0 0 5px}}}}#first-view{&.contact-FV{.star{position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;&:nth-child(2){background-image:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/imgs/星5.png);width:32px;height:34px;top:364px;left:1097.58px}&:nth-child(3){display:block;background-image:url(//taiyou.osaka.jp/wp-content/themes/サポートセンターらら%20wp　ｂ/css/../assets/imgs/星3.png);width:22px;height:24px;top:402px;left:1070px}}}}}}}@keyframes darkmodebuttonFadeIn{from{transform:rotate(35deg)}to{transform:rotate(0deg)}}@keyframes darkmodebuttonFadeOut{from{transform:rotate(0deg)}to{transform:rotate(-37deg)}}@keyframes wheelchairMoveColumn{from{bottom:-210px}to{bottom:-350px}}@keyframes blinkContainerColumn{0%{transform:translateY(0)}30%{transform:translateY(40px)}75%{transform:translateY(-20px)}100%{transform:translateY(25px)}}