@font-face{font-family:'HanazomeFont';src:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/fonts/hanazomefont/はなぞめフォント.woff)}@font-face{font-family:'AsebiMincho';src:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/fonts/AsebiMincho/AsebiMin-Light.woff)}*,:before,:after{margin:0;padding:0;box-sizing:border-box;font-family:'Inter','Noto Sans JP';letter-spacing:.5px}html{scroll-snap-type:y proximity;scroll-padding-top:66px;scroll-behavior:smooth;--color-orange:#ee6b10;--color-gold:#cdbb53;--m1-red:#ff2020;--m1-wine-red:#940400;--first-graph-color:#4473c5;--second-graph-color:#ed7d31;--third-graph-color:#508250;--fourth-graph-color:#ffc001;--fifth-graph-color:gray}button{font-size:16px;background-color:unset;border:unset;cursor:pointer;color:inherit}img{width:100%;height:100%;object-fit:cover;vertical-align:top}a{color:inherit;text-decoration:none;&.tel{&.for-pc{&:hover{cursor:auto}}}}#hero-h1{position:relative;.img-container{display:block}span:not(.img-container){font-size:2.8vw;color:#fff;position:absolute;top:50%;left:17%;translate:0 -50%}}h2{margin-top:165px;margin-bottom:16px;padding-bottom:8px;font-size:24px;font-weight:800;position:relative;&:after{content:'';display:block;width:151px;height:2px;position:absolute;left:50%;top:32px;background-color:var(--color-orange);translate:-50%}span{padding-top:8px;font-size:14px;font-weight:800;line-height:22.94px;display:block}}h3{margin:5px 0 41px;font-size:14px;font-weight:800;line-height:22.94px}ul,ol{list-style-position:inside}ul{list-style-type:none}address{font-style:normal}strong{color:inherit;font-weight:inherit;font-family:inherit}.clip-box{overflow:clip}.row{display:flex}.row-reverse{display:flex;flex-direction:row-reverse}.row-mb-tb{display:flex}.column{display:flex;flex-direction:column}.column-mb-tb{display:flex;flex-direction:column}.center{display:flex;justify-content:center}.for-pc{display:none}.circle{border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Noto Sans JP'}.breadcrumbs{display:none}.read-more-post{display:block;width:fit-content;height:fit-content;padding-right:17px;padding-bottom:7px;color:#787878;position:relative;border-bottom:3px solid #787878;&:after{content:'';display:block;width:2px;height:10px;background-color:#787878;position:absolute;bottom:-1px;right:0;transform-origin:bottom;rotate:-45deg}}.k-pie-value,.k-bar-value{display:none}input{cursor:pointer;&:disabled{cursor:not-allowed}}header{&.for-mb-tb{&.open{>.row{background-color:#fff;.img-container{filter:none}.row{.circle{&:has(img){filter:invert(1)}&:has(span){border-color:#000;span{background-color:#000;&:nth-of-type(1){translate:0 8px;rotate:20deg;width:20px}&:nth-of-type(2){width:0}&:nth-of-type(3){translate:0 -8px;rotate:-20deg;width:20px;position:relative;&:before,&:after{background-color:#000}&:before{height:9px}&:after{height:8px}}}}}}}.ham-hidden{top:47px}}>.row{background-color:var(--color-gold);position:fixed;top:0;left:0;z-index:10;width:100%;height:47px;justify-content:space-between;align-items:center;padding:0 10px;.img-container{width:120px;height:30.67px;filter:brightness(0) invert(1)}.row{gap:5px;align-items:center;.circle{width:40px;height:40px;border:#fff solid 1px;&:has(span){justify-content:center;align-items:center;gap:6px;span{height:2px;width:18px;background-color:#fff;&:nth-of-type(1),&:nth-of-type(3){transition-property:translate,rotate;transition-duration:.4s}&:nth-of-type(2){transition-property:width;transition-duration:.4s}&:nth-of-type(3){&:before,&:after{content:'';position:absolute;background-color:#fff;display:block;width:2px;height:0;rotate:20deg;transition-property:height;transition-duration:.4s}&:before{top:0;right:0;transform-origin:center left}&:after{bottom:0;left:0;transform-origin:center right}}}}}}}.ham-hidden{transition-duration:0.5s;padding-bottom:150px;position:fixed;top:-100vh;left:0;z-index:9;width:100%;height:93vh;background-color:#fff;justify-content:center;align-items:center;gap:32px;text-align:center;a{font-size:12px;span{display:block;&:first-child{font-weight:600}&:last-child{padding-top:8px;color:var(--color-orange)}}}}}}main{margin-top:47px}#index-main-visual{height:calc(35vw + 46px);.img-container{height:35vw}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center;line-height:15.31px}}}#vision{text-align:center;height:93vh;position:relative;.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/集合写真.webp);background-size:450%;animation:ImgScrollAnimhorizontal 90s alternate infinite linear;background-repeat:no-repeat;display:block;width:100%;height:100%;position:absolute;top:0;left:0;&:after{content:'';background-color:rgba(255,255,255,.85);position:absolute;display:block;width:100%;height:100%}}h2{margin-top:0;padding-top:48px;&:after{top:80px}}h3{margin-bottom:27px}article{position:relative;width:95%;margin:0 auto;p{font-size:15px;font-weight:500;margin-bottom:27px;letter-spacing:1.5px;line-height:21.73px;&:first-of-type{margin-top:40px}&:last-of-type{margin-bottom:40px}}}a{font-size:24px;font-weight:300;border-radius:50px;background-color:var(--color-gold);width:231px;margin:0 auto;justify-content:center;align-items:center;gap:15px;color:#fff;position:relative;.circle{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:#fff solid 1px;margin:9px 0;font-size:30px;position:relative;&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#fff;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #fff;border-bottom:2px solid #fff;translate:5% -47%;rotate:-45deg}}}}#mission{padding-top:165px;counter-reset:number 0;position:relative;svg{position:absolute;top:0;right:0;width:100%;height:100%}h2,h3{text-align:center}h2{margin-top:0}a{&:nth-of-type(1){dl{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/施術中.webp)}}&:nth-of-type(2){dl{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/作業中.webp)}}&:nth-of-type(3){dl{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/モニター.webp)}}}dl{position:relative;display:block;width:93.75%;height:350px;margin:0 auto 70px;padding:0 9px;background-size:cover;background-position:center;background-repeat:no-repeat;dt{padding-top:13px;font-size:24px;font-weight:700;-webkit-text-stroke:white 3px;paint-order:stroke;&:before{display:block;counter-increment:number 1;content:'0' counter(number);font-size:48px;-webkit-text-stroke:#fff 3px;paint-order:stroke}}dd{font-size:14px;font-weight:700;-webkit-text-stroke:white 3px;paint-order:stroke;div{position:absolute;bottom:10px;right:10px;.circle{color:#fff;font-size:30px;font-weight:300;text-shadow:none;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:#fff solid 1px;position:relative;&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#fff;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #fff;border-bottom:2px solid #fff;translate:5% -47%;rotate:-45deg}}}}}article{width:74%;margin:0 auto;text-align:center;position:relative;p{font-size:16px;color:#fff;letter-spacing:1.5px;line-height:150%;&:last-child{padding-bottom:50px}}}}#family{text-align:center;position:relative;h3{text-align:center}h4{padding-bottom:20px}.pattern{position:absolute;background-color:#C1AB284D;width:70vw;&:nth-child(1){top:20px;left:0;height:786px}&:nth-child(2){right:0;bottom:0;height:792px}}.count{padding-bottom:30px}div.support{border:3px solid #cdbb53;padding-top:30px}.chart-container{position:relative;z-index:1;margin-top:21px;>p{font-size:min(6vw, 32px)}.row-pc{margin:0 30px;&:first-of-type{--bar-color:var(--first-graph-color)}&:nth-of-type(2){--bar-color:var(--second-graph-color)}&:nth-of-type(3){--bar-color:#cdbb53}>div{margin-bottom:10svh;&.support{padding-bottom:20px;.bar-chart{.bar{animation-duration:.15s}}}}}}.pie-chart{--pie-1:0;--pie-2:0;--pie-3:0;--pie-4:0;--pie-5:0;--pie-duration:3s;aspect-ratio:1;width:70%;margin:0 auto;border-radius:50%;transition-property:--second-angle,--third-angle,--fourth-angle,--fifth-angle,--sixth-angle;transition-duration:calc(var(--pie-duration) * var(--pie-1) / var(--total)), calc(var(--pie-duration) * var(--pie-2) / var(--total)), calc(var(--pie-duration) * var(--pie-3) / var(--total)), calc(var(--pie-duration) * var(--pie-4) / var(--total)), calc(var(--pie-duration) * var(--pie-5) / var(--total));transition-delay:0s,calc(var(--pie-duration) * var(--pie-1) / var(--total)),
            calc(var(--pie-duration) * var(--pie-1) / var(--total) + var(--pie-duration) * var(--pie-2) / var(--total)),
            calc(var(--pie-duration) * var(--pie-1) / var(--total) + var(--pie-duration) * var(--pie-2) / var(--total) + var(--pie-duration) * var(--pie-3) / var(--total)),
            calc(var(--pie-duration) * var(--pie-1) / var(--total) + var(--pie-duration) * var(--pie-2) / var(--total) + var(--pie-duration) * var(--pie-3) / var(--total) + var(--pie-duration) * var(--pie-4) / var(--total));transition-timing-function:linear;background-image:conic-gradient(var(--first-graph-color) calc(var(--second-angle) * var(--pie-1) / var(--total)),
                var(--second-graph-color) calc(var(--second-angle) * var(--pie-1) / var(--total)) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total)),
                var(--third-graph-color) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total)) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total) + var(--fourth-angle) * var(--pie-3) / var(--total)),
                var(--fourth-graph-color) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total) + var(--fourth-angle) * var(--pie-3) / var(--total)) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total) + var(--fourth-angle) * var(--pie-3) / var(--total) + var(--fifth-angle) * var(--pie-4) / var(--total)),
                var(--fifth-graph-color) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total) + var(--fourth-angle) * var(--pie-3) / var(--total) + var(--fifth-angle) * var(--pie-4) / var(--total)) calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total) + var(--fourth-angle) * var(--pie-3) / var(--total) + var(--fifth-angle) * var(--pie-4) / var(--total) + var(--sixth-angle) * var(--pie-5) / var(--total)),
                transparent calc(var(--second-angle) * var(--pie-1) / var(--total) + var(--third-angle) * var(--pie-2) / var(--total) + var(--fourth-angle) * var(--pie-3) / var(--total) + var(--fifth-angle) * var(--pie-4) / var(--total) + var(--sixth-angle) * var(--pie-5) / var(--total)));&.observed{--second-angle:360deg;--third-angle:360deg;--fourth-angle:360deg;--fifth-angle:360deg;--sixth-angle:360deg}}.container{div{display:inline-block;width:fit-content;margin:0 25px;&:nth-of-type(1){--point-color:var(--first-graph-color)}&:nth-of-type(2){--point-color:var(--second-graph-color)}&:nth-of-type(3){--point-color:var(--third-graph-color)}&:nth-of-type(4){--point-color:var(--fourth-graph-color)}&:nth-of-type(5){--point-color:var(--fifth-graph-color)}p{display:flex;align-items:center;gap:5px;&:before{content:'';display:inline-block;aspect-ratio:1;width:10px;border-radius:40%;background-color:var(--point-color)}span{color:hsl(from #000 h s calc(l + 20))}}}}.bar-chart{&.observed{.bar{animation-play-state:running}}.bar{height:1em;animation-name:barFill;animation-duration:.6s;animation-delay:calc((sibling-index() - 1) / 2 * .6s);animation-timing-function:linear;animation-fill-mode:forwards;animation-play-state:paused;background-image:linear-gradient(to right,var(--bar-color) calc(var(--bound) * var(--value) / var(--max-value)), transparent calc(var(--bound) * var(--value) / var(--max-value)))}.value{margin-bottom:5px;text-align:left}}}#enterprise-place{text-align:center;margin-bottom:81px;swiper-container{&::part(wrapper){height:unset;padding-bottom:50px}}swiper-slide{overflow:visible;opacity:0.6 !important;height:unset;.row{opacity:0;transition-property:opacity;transition-duration:.3s}&.swiper-slide-active{opacity:1 !important;.row{opacity:1}}}.img-container{display:block;.row{justify-content:center;gap:7px;width:fit-content;margin:0 auto;.circle{font-size:30px;width:46.15px;height:46.15px;background-color:var(--color-gold);color:#fff;line-height:0;position:relative;&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#fff;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #fff;border-bottom:2px solid #fff;translate:5% -47%;rotate:-45deg}}.column{text-align:start;justify-content:space-between;p{&:first-child{font-weight:800}&:not(:first-child){font-size:11px;font-weight:500;vertical-align:bottom}}}}img{border-radius:30px;width:220px;height:200px;margin-bottom:24px}}}#gallery{background-color:var(--color-orange);text-align:center;padding-bottom:61px;position:relative;h2{padding-top:30px;color:#fff;margin-top:200px;&:after{background-color:#fff;top:62px}}h3{color:#fff}swiper-container{&::part(wrapper){transition-property:all;transition-duration:8s;transition-timing-function:linear}swiper-slide{aspect-ratio:55/33;height:unset}}}#report{text-align:center;position:relative;swiper-slide{width:320px;padding:0 20px;&.swiper-slide-active{.img-container{opacity:1}.lower-round{opacity:1}}.img-container{height:251px;opacity:0.6;img{border-top-left-radius:20px;border-top-right-radius:20px}}.lower-round{height:67px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:var(--color-gold);display:flex;align-items:center;justify-content:center;opacity:0.6;h3{font-size:14px;font-weight:500;margin:unset}}}>a{font-size:24px;font-weight:300;border-radius:50px;background-color:var(--color-gold);width:231px;margin:75px auto 0;justify-content:center;align-items:center;gap:15px;color:#fff;position:relative;.circle{font-size:30px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:#fff solid 1px;margin:9px 0;position:relative;&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#fff;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #fff;border-bottom:2px solid #fff;translate:5% -47%;rotate:-45deg}}}#swiper-pagination{display:flex;justify-content:center;margin-top:25px;.swiper-pagination-bullet{width:10px;height:10px;margin:0 24px;border-radius:50%;background-color:var(--color-orange);&:not(.swiper-pagination-bullet-active){background-color:#d9d9d9}}}}#philosophy{text-align:center;position:relative;height:600px;.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/本院外装1.webp);background-size:250%;background-position:60% 15%;background-repeat:no-repeat;display:block;width:100%;height:100%;position:absolute;top:0;left:0;&:after{content:'';background-color:rgba(255,255,255,.75);position:absolute;display:block;width:100%;height:100%}}h2{color:var(--color-orange);line-height:2.2em;margin-top:0;margin-bottom:48px;padding-top:206px;&:after{content:none}}p{font-size:14px;font-weight:800;position:relative;line-height:26.94px;letter-spacing:1.5px}a{font-size:24px;font-weight:300;border-radius:50px;background-color:var(--color-gold);width:231px;margin:40px auto 0;justify-content:center;align-items:center;gap:15px;color:#fff;position:relative;.circle{font-size:30px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:#fff solid 1px;margin:9px 0;position:relative;&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#fff;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #fff;border-bottom:2px solid #fff;translate:5% -47%;rotate:-45deg}}}}#company-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/会議中.webp);background-size:140%;background-position:10% bottom;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#greeting{text-align:center;position:relative;width:100%;height:809px;padding-top:80px;.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/集合写真.webp);background-size:450%;background-position:47% center;background-repeat:no-repeat;padding:122px 0 120px;display:block;width:100%;height:100%;position:absolute;top:0;left:0;&:after{content:'';background-color:rgba(255,255,255,.75);position:absolute;display:block;width:100%;height:100%}}.bg-white{position:relative;top:0;right:0;max-height:100vh;padding:0 0 33px;background-color:rgba(255,255,255,0.75);h2{margin-top:21px;margin-left:14px;padding-top:68px;text-align:start;font-family:'Shippori Mincho';font-size:32px;font-weight:400;letter-spacing:8px;&:before{content:'Greeting';display:block;font-family:'Inter';font-size:14px;font-weight:400;letter-spacing:normal}&:after{content:none}}article{padding:42px 13vw 0;text-align:left;line-height:150%;letter-spacing:1.5px;p{font-family:'Shippori Mincho';font-size:14px;&:nth-child(1){margin-bottom:27px}&:nth-child(3){margin-top:86px;margin-right:54px;text-align:end}&:nth-child(4){margin-top:9px;font-size:24px;text-align:end}}}}}#company{h2,h3{text-align:center}dl{display:flex;align-items:center;height:79px;border-bottom:#D7D7D7 solid 1px;&:first-child{border-top:#d7d7d7 solid 1px}dt{-webkit-text-stroke:#fff 3px;paint-order:stroke;width:98px;padding-left:15px;font-weight:800}dd{font-size:14px;font-weight:500;line-height:16.94px;-webkit-text-stroke:#fff 3px;paint-order:stroke}}}#history{h2,h3{text-align:center}.chronology{height:590px;flex:1;.current-light{display:none}#current-view{gap:20px;position:relative;width:100px;z-index:8;span{display:block;margin-left:10px;&:before{color:#959595;font-size:12px;transition-property:color;transition-duration:.3s}&:nth-of-type(1){&:before{content:'2000年'}}&:nth-of-type(2){&:before{content:'2010年'}}&:nth-of-type(3){&:before{content:'2020年'}}&:last-of-type{&:before{content:'FUTURE'}}&:is(.swiper-pagination-bullet-active){&:before{color:var(--color-orange);font-size:15px;font-weight:700}}}}#scroll-part{flex:225;overflow-y:clip;scroll-behavior:smooth;box-shadow:0px 4px 4px 0px #00000040 inset;swiper-slide{display:flex;&:first-of-type{.row{&:before{height:298px}}}&:last-child{position:relative;width:100%;text-align:center;.row{width:100%;&:before{content:none}}div:last-child{display:none;background-color:var(--color-orange)}.signature-phrase{display:flex;justify-content:center;align-items:center;color:#fff;-webkit-text-stroke:black 2px;paint-order:stroke;transition-property:clip-path;transition-duration:5s;width:100%;clip-path:inset(0);&.hidden{clip-path:inset(0 100% 0 0)}}}.era{padding-left:3px;justify-content:space-around;flex-flow:column;pointer-events:none;width:100%;>div{font-family:'Inknut Antiqua';font-weight:700;font-size:20px;line-height:1.2em;position:relative;display:flex;&:after{content:'';position:absolute;top:0;right:0;display:block;width:13px;height:11px;background-color:#fff;border-radius:50%;translate:50%;border:var(--color-orange) solid 6px}div{align-items:flex-start;padding-left:15px;p{text-wrap:nowrap;font-size:12px;font-weight:800}}}}.img-container{display:none}>.row{position:relative;width:63px;&:before{content:'';position:absolute;right:0;bottom:0;z-index:-1;display:block;width:1px;height:100%;background-color:#000}}}}}}#team{text-align:center;&:has(button.current:nth-of-type(1)){article{&:nth-of-type(2){.img-container{.group{&:nth-of-type(1){opacity:1;pointer-events:auto}}}}}}&:has(button.current:nth-of-type(2)){article{&:nth-of-type(2){.img-container{.group{&:nth-of-type(2){opacity:1;pointer-events:auto}}}}}}h2,h3{text-align:center}h3{font-size:20px;font-weight:800;&:first-of-type{padding-bottom:77px}&:nth-of-type(2){margin:117px 0 58px 18.75vw;text-align:start}}.background{background-repeat:no-repeat;height:200px;display:block;&:nth-of-type(odd){.opacity{margin-left:auto}}&:nth-of-type(even){.opacity{margin-right:auto}}&:nth-of-type(1){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/本院外装1.webp);background-size:330%;background-position:60% 20%;&:hover{.opacity{background-color:#95C6C6BF}}}&:nth-of-type(2){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/中本院外装.webp);background-size:330%;background-position:53% 20%;&:hover{.opacity{background-color:#F8C8C9BF}}}&:nth-of-type(3){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/枚方院外装.webp);background-size:330%;background-position:51% 40%;&:hover{.opacity{background-color:#D7FDC0BF}}}&:nth-of-type(4){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/今里院外装.webp);background-size:650%;background-position:48% 30%;&:hover{.opacity{background-color:#349363BF;color:#fff;article{color:#fff}}}&:not(:hover){.opacity{color:#000;article{color:#000}}}}&:nth-of-type(5){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ReborN外装.webp);background-size:500%;background-position:49% 50%;&:hover{.opacity{background-color:#C13432BF;color:#fff;article{color:#fff}}}&:not(:hover){.opacity{color:#000;article{color:#000}}}}&:nth-of-type(6){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/たんぽぽ院外装.webp);background-size:570%;background-position:49% 30%;&:hover{.opacity{background-color:#F9C898BF}}}&:nth-of-type(7){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/会議中.webp);background-size:300%;background-position:50% 25%;&:hover{.opacity{background-color:#183D96BF;color:#fff;article{color:#fff}}}&:not(:hover){.opacity{color:#000;article{color:#000}}}}.opacity{background-color:#F0F0F0BF;width:65%;height:100%;padding:23px 0 0 23px;font-weight:500;text-align:left;transition-property:color,background-color;transition-duration:.3s;p{font-size:15px;padding-bottom:10px}article{transition-property:color;transition-duration:.3s;span{display:block}h4{font-size:24px;span{font-size:14px}}address{font-size:12px;line-height:14.52px;padding-bottom:7px;span{padding-top:10px;padding-bottom:5px}}p{font-size:12px}}}}article{&:nth-of-type(2){padding-top:50px;button{position:relative;font-size:14px;font-weight:500;text-align:start;display:block;margin-left:14.7vw;margin-bottom:35px;transition-property:color;transition-duration:.3s;&:before{content:'';position:absolute;top:50%;left:-1em;margin-right:12px;display:inline-block;width:10px;height:10px;background-color:transparent;border-radius:50%;translate:0 -50%;transition-property:background-color;transition-duration:.3s}&.current{color:var(--color-orange);&:before{background-color:var(--color-orange)}&.not-allowed{color:#fff;background-color:red}}&.not-allowed{cursor:not-allowed}}.img-container{width:149px;height:112px;margin:0 0 158px 32vw;box-shadow:0px 4px 4px 0px #00000040;position:relative;.group{opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.3s;&:nth-of-type(1){.div-img{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ドライビング中.webp)}}&:nth-of-type(2){.div-img{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/だんだん治療院施術中.webp)}}}a{position:absolute;inset:0;&.not-allowed{cursor:not-allowed}p{position:absolute;bottom:0;right:0;z-index:1;color:white;padding:0 10px;&:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.7;background-color:gray}}}.div-img{position:absolute;left:110px;bottom:56px;background-size:cover;background-position:center;background-repeat:no-repeat;width:230.67px;height:173px;z-index:-1;box-shadow:0px 4px 4px 0px #00000040;opacity:.25}}}}}#collaborated-corporate{h2{font-size:20px;font-weight:800;margin-bottom:76px;text-align:center}.row-pc{&:has(.column #collaborated-swiper swiper-slide:nth-of-type(1) div:nth-of-type(1) button.current){.img-container{.group:nth-of-type(1){div{&:nth-of-type(1){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(2) div:nth-of-type(1) button.current){.img-container{.group:nth-of-type(2){div{&:nth-of-type(1){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(2) div:nth-of-type(2) button.current){.img-container{.group:nth-of-type(2){div{&:nth-of-type(2){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(2) div:nth-of-type(3) button.current){.img-container{.group:nth-of-type(2){div{&:nth-of-type(3){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(2) div:nth-of-type(4) button.current){.img-container{.group:nth-of-type(2){div{&:nth-of-type(4){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(2) div:nth-of-type(5) button.current){.img-container{.group:nth-of-type(2){div{&:nth-of-type(5){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(2) div:nth-of-type(6) button.current){.img-container{.group:nth-of-type(2){div{&:nth-of-type(6){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(3) div:nth-of-type(1) button.current){.img-container{.group:nth-of-type(3){div{&:nth-of-type(1){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide:nth-of-type(3) div:nth-of-type(2) button.current){.img-container{.group:nth-of-type(3){div{&:nth-of-type(2){opacity:1}}}}}.img-container{position:relative;margin-bottom:593px;.group{>div{opacity:0}}a{position:absolute;top:0;right:7.8vw;z-index:1;display:block;width:295px;height:133.33px;&.not-allowed{cursor:not-allowed}&:nth-of-type(4){img{object-position:100% center}}p{position:absolute;bottom:0;right:0;z-index:1;color:white;padding:0 10px;&:before{content:'';position:absolute;inset:0;display:block;z-index:-1;opacity:.7;background-color:gray}}}.div-img{width:100vw;height:234px;position:absolute;left:0;top:67px;z-index:-1;overflow:clip;img{object-fit:cover;object-position:center;opacity:.25}}}.column{margin-bottom:15px;.btn-container{position:relative;#swiper-button-prev,#swiper-button-next{translate:-50%;position:absolute;top:0;width:16px;height:19px;display:block;color:#000;z-index:2;font-size:20px}#swiper-button-prev{left:calc(50% - 150px)}#swiper-button-next{right:calc(50% - 150px)}}#collaborated-swiper-pagi{font-weight:700;position:relative;width:100%;swiper-slide{text-align:center;padding-bottom:27px}.swiper-slide-active{color:var(--color-orange);&:before{content:'';margin-right:12px;display:inline-block;width:10px;height:10px;background:var(--color-orange);border-radius:50%}}}#collaborated-swiper{box-shadow:0px 4px 4px 0px #00000040 inset;width:200px;margin:0 auto;overflow-x:clip;swiper-slide{padding:16px 12px 14px 29px;text-align:left}button,a{font-weight:500;position:relative;display:block;width:fit-content;padding:12px 0;&:after{content:'';position:absolute;left:-16px;bottom:12px;background-color:var(--color-orange);width:0;height:3px;translate:0;left:50%;translate:-50%}&.not-allowed{color:#fff;background-color:red}&.current{&:after{width:calc(100% + 16px)}}}a{display:none}}}}}#business-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ビジネスFV.webp);background-size:100%;background-position:10% bottom;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#ec-support-type-a{padding-top:69px;text-align:center;position:relative;top:0;right:0;h2{margin-top:0}svg{position:absolute;width:100%;height:100%}article{position:relative;p{font-size:14px;font-weight:500;&:first-of-type{margin:70px 0 20px}&:nth-of-type(2){margin-bottom:20px}&:last-child{padding-bottom:70px}}}}#familyties-business{text-align:center;.row-pc{.column-pc{h3{margin-top:70px;font-weight:800;font-size:20px}p{font-weight:500;margin:0 20px}}.img-container{margin:35px 10px 100px;box-shadow:0px 4px 4px 0px #00000040}}}#for-independence{text-align:left;h3{font-size:24px;margin-left:6.25vw;line-height:29.05px}>dl{>.column{&:first-child{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/施術中.webp)}}&:nth-child(2){.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/作業中.webp)}}&:nth-child(3){.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/モニター.webp)}}.background{margin:0 10px;background-size:175%;background-position:center;background-repeat:no-repeat;height:225px}>dt{align-items:center;margin-left:20px;margin-bottom:20px;div{color:var(--color-gold);font-size:48px;font-weight:700;margin-bottom:-20px}dl{margin-top:9px;margin-left:20px;dt{font-size:24px;font-weight:800;margin-bottom:-6px}dd{font-size:14px;font-weight:800}}}>dd{font-size:14px;font-weight:500;margin:0 20px;margin-bottom:91px}}}}:is(#provided-workplace,#collaborated-workplace){margin-left:6vw;margin-right:6vw;h3{font-size:24px;line-height:29.05px}a:not(:last-child){display:inline-block;width:fit-content;color:#fff;background-color:var(--color-orange);padding:11px;border-radius:4px;font-size:20px;font-weight:700;margin:0 0 35px}a:last-child{display:block;position:relative;border-radius:50%;border:#000 solid 1px;width:60px;height:60px;margin:0 0 97px 20px;&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#000;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #000;border-bottom:2px solid #000;translate:5% -47%;rotate:-45deg}}}#provided-work{margin-left:6vw;margin-right:6vw;h3{font-size:24px;margin-bottom:47px;line-height:29.05px}swiper-slide{&[data-swiper-slide-index='0']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/施術中.webp)}}}&[data-swiper-slide-index='1']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/PÖANA受付.webp)}}}&[data-swiper-slide-index='2']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ドライビング中.webp)}}}&[data-swiper-slide-index='3']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/トリミング中.webp)}}}&[data-swiper-slide-index='4']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/モニター.webp)}}}&[data-swiper-slide-index='5']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/筋トレをする男性.webp)}}}&[data-swiper-slide-index='6']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/作業中.webp)}}}&[data-swiper-slide-index='7']{button{&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/理髪中.webp)}}}&.swiper-slide-active{button{&:before{opacity:1}img{opacity:0}}}button{position:relative;&:before,img{transition-property:opacity;transition-duration:.3s}&:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0}}}.img-container{display:block;width:150px;height:150px;margin:0 auto;opacity:0.7;background-color:#CAE7F3;border-radius:10px;padding:10px;padding-bottom:25px;img{object-fit:contain;filter:brightness(0)}}:is(.swiper-slide-prev,.swiper-slide-next){p{bottom:30px}}p{font-size:20px;font-weight:500;text-align:center;position:relative;bottom:0;left:0;transition-property:bottom;transition-duration:.3s}a:not(:has(img)){position:relative;border-radius:50%;border:#000 solid 1px;display:block;width:60px;height:60px;margin:29px auto 29px;&+p{right:0;left:0;bottom:13px}&:before{content:'';position:absolute;top:50%;left:50%;display:block;width:50%;height:2px;background-color:#000;translate:-50% -50%}&:after{content:'';position:absolute;top:50%;left:40%;display:block;width:30%;height:30%;border-right:2px solid #000;border-bottom:2px solid #000;translate:5% -47%;rotate:-45deg}}}#work-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ワークFV.webp);background-size:130%;background-position:80% 50%;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#job-description-mb-tb{text-align:center;h3{margin-top:41px}article{p{&:last-child{padding-top:20px;padding-left:20px}span{font-family:'HanazomeFont'}}}#work-swiper-nav{height:100px;position:relative;&::part(container){overflow:visible}p{color:#bbb;font-family:'Shippori Mincho';font-weight:700;font-size:24px;letter-spacing:15px;position:absolute;top:-73px;right:39px;writing-mode:vertical-rl;text-wrap:nowrap;transition-property:text-shadow,opacity;transition-duration:2s;opacity:0}.nav4{p{text-orientation:upright}}.swiper-slide-active{p{opacity:1;text-shadow:0px 4px 4px #00000040}}}.nav1{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/頭皮マッサージ中.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav2{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ひまわり院受付.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav3{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ドライビング中.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav4{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/トリミング中.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav5{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/タイピング中.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav6{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/筋トレをする男性.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav7{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/枚方院内職1.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav8{.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/理髪中.webp);background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}#work-swiper-main{[class^=nav]{height:100px;position:relative;p{color:#fff;font-family:'Shippori Mincho';font-weight:700;font-size:24px;position:absolute;top:0;left:51px}}}article{&:nth-of-type(1){h3{margin-top:22px;font-size:14px}>p{&:first-of-type{padding:68px 0 32px;margin:0 24px 0 30px}}.img-container{&:nth-child(3){width:300px;height:250px;margin:56px auto 22px}&:nth-child(5){width:300px;height:228.76px;margin:54px auto 6px}}dl{text-align:left;font-size:14px;margin:32px auto;width:300px;dt{font-weight:700;margin-bottom:16px;&:nth-of-type(2){margin-top:22px}}dd{ul{list-style-type:disc;padding-left:1em;line-height:150%}}}}&:nth-of-type(2){text-align:left;margin:32px auto;width:300px;font-size:14px;h3{margin-bottom:1em}}}.btn-container{position:relative}#swiper-pagination1,#swiper-pagination2{position:absolute;top:85px;z-index:5;display:flex;justify-content:center;gap:7px;width:100%;height:10px;pointer-events:none;.swiper-pagination-bullet{display:block;width:10px;height:10px;background-color:#1034EE;pointer-events:auto;border-radius:50%;&:not(.swiper-pagination-bullet-active){background-color:var(--color-orange);opacity:1}}}}#recruit-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ファミリータイズ本社.webp);background-size:150%;background-position:center;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#pleasant-fellows{&:has(.btn-container button.current:first-of-type){.member{display:block;opacity:1;transition-property:display,opacity;transition-duration:.6s;transition-behavior:allow-discrete;@starting-style{display:block;opacity:0}}}&:has(.btn-container button.current:nth-of-type(2)){.supporter{display:block;opacity:1;transition-property:display,opacity;transition-duration:.6s;transition-behavior:allow-discrete;@starting-style{display:block;opacity:0}}}&:has(.btn-container button.current:last-of-type){.member,.supporter{display:block;opacity:1;transition-property:display,opacity;transition-duration:.6s;transition-behavior:allow-discrete;@starting-style{display:block;opacity:0}}}article{position:relative;h2{width:264px;font-size:24px;font-weight:700;line-height:29.05px;margin:79px auto 35px;&:after{content:none}}p{margin-left:6.25vw;&:nth-of-type(2){margin-top:1em;margin-bottom:79px}small{color:red;position:relative;display:block;margin:1rem 80px 0 1rem;&:before{content:'※';position:absolute;left:-1em;top:0}}}.background{&:nth-child(4){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ファミリータイズ本社.webp);background-size:200%;background-position:center;background-repeat:no-repeat;height:30vh;opacity:.2}&:nth-child(5){background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ファミリータイズ本社.webp);background-size:200%;background-position:center;background-repeat:no-repeat;width:200px;height:252px;position:absolute;top:287px;right:-120px;box-shadow:0px 4px 4px 0px #00000040}}}.recruit-container{position:relative;width:355px;height:650px;margin:28px auto 0;&:has(.not-alone){.tag-btn{display:flex;justify-content:center;align-items:center}>div{pointer-events:none;&:has(.tag-btn.current){animation-name:turnPage;pointer-events:auto}}}.tag-btn{color:white;position:absolute;top:0;display:none;translate:0 -100%;font-size:20px;width:115px;height:40px;border:0 solid transparent;opacity:.8;background-color:var(--color-gold);transition-property:width,font-size,opacity,border;transition-duration:.6s;pointer-events:auto;&.current{height:50px;border-color:gray;border-width:2px;opacity:1}}>div{position:absolute;top:0;left:0;z-index:1;width:stretch;transform-origin:top;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;&:before{position:absolute;top:17px;left:13px;font-size:36px;font-weight:500;line-height:1em;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1;width:60px;border-radius:50%;background-color:var(--color-gold)}&.programmer{.tag-btn{font-size:18px}}&:first-of-type{.tag-btn{left:0}}&:nth-of-type(2){.tag-btn{left:115px}}&:nth-of-type(3){.tag-btn{left:230px}}}}.column{position:relative;box-shadow:0px 4px 4px 0px #000;padding:14px 10px 23px;margin-bottom:50px;background-color:#fff;width:stretch;height:516px;&:not(:last-child){a{margin-bottom:42px}}.img-container{margin-bottom:16px;img{aspect-ratio:335/223}}dt{width:76px}dd{font-size:14px;align-self:end}}a{display:flex;justify-content:center;align-items:center;width:170px;height:47px;color:#fff;font-weight:700;background-color:var(--color-orange);text-align:center;margin:0 auto;border-radius:6px}.row-pc{padding-top:20px}.member,.supporter{display:none}.member{.recruit-container{>div{&:before{content:'利';color:#fff}}}}.supporter{.recruit-container{>div{&:before{content:'支';color:#000;filter:invert(1)}}}}.btn-container{position:sticky;top:150px;left:0;z-index:5;height:100px;pointer-events:none;button{font-size:25px;line-height:0;position:absolute;left:0;display:flex;justify-content:flex-end;align-items:center;width:130px;height:36px;padding-right:15px;pointer-events:auto;&:first-of-type{top:-60px;color:#fff;background-color:var(--color-gold)}&:nth-of-type(2){top:0;color:#000;background-color:var(--color-orange);filter:invert(1)}&:last-of-type{top:60px;color:#fff;width:150px;background-color:gray}&.current{opacity:1;scale:1.1}}}}#recruit-detail-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ファミリータイズ本社.webp);background-size:150%;background-position:center;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#support-staff-wanted{padding-top:76px;padding-bottom:8px;text-align:center;position:relative;svg{position:absolute;width:100%;height:100%;path{fill:hsl(from var(--color-orange) h s l/.2)}}>div{position:relative}h2{margin-top:0}p{font-size:14px;&:first-of-type{margin-bottom:43px}&:nth-of-type(2){margin-bottom:1em}&:nth-of-type(3){margin:0 18px 51px}&:nth-of-type(4){margin-bottom:1em}&:nth-of-type(5){margin-bottom:85px}}h3{font-size:16px;font-weight:400}ol{list-style:decimal;text-align:left;margin:0 auto 52px;width:134px;font-size:14px;font-weight:700;counter-reset:item;li{counter-increment:item;&::marker{content:none}&:before{content:counter(item)' ,'}}}.img-container{width:300px;height:199.64px;margin:0 auto}}#requirements{text-align:center;h3{margin-top:53px;font-size:20px}div{text-align:left;margin:0 15px 51px;.row{font-size:16px;padding:20px 0 17px;border-top:#000 solid 1px;gap:15px;&:last-of-type{border-bottom:#000 solid 1px}dt{width:85px;font-weight:800}dd{flex:1;font-weight:500;align-self:end}}}.iframe-container{margin:0 10px;height:263px;iframe{width:100% !important;height:100% !important}}}#recruit-detail-main-visual~a:not(.tel){font-weight:700;width:232px;height:61px;margin:140px auto 0;color:#fff;background-color:var(--color-orange);border-radius:6px;display:flex;justify-content:center;align-items:center;transition-property:box-shadow,translate;transition-duration:.3s;&:hover{box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}#recruit-detail-main-visual~a.tel{font-size:20px;margin:32px auto 32px;width:fit-content;display:block;position:relative;&:before{content:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/受話器_オレンジ.webp);position:absolute;top:0;left:-26px;display:block;width:22.5px;height:22.5px}}#report-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/リポートFV.webp);background-size:120%;background-position:30% 50%;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#posts{.pagenavi{margin-bottom:110px;display:flex;justify-content:center;gap:8px;.prev,.next{font-size:24px}a,span{display:flex;width:33px;height:33px;color:#808080;justify-content:center;align-items:center;border-radius:5px;margin:0;padding:0;&.current{color:#fff;background-color:var(--color-orange)}}}>.pagenavi{display:none}form.for-mb-tb{select{appearance:none;width:125px;height:30px;border-radius:3px;padding:0 14px;margin:66px 0 27px 20px;background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/下矢印.webp);background-size:16px;background-position:right 14px center;background-repeat:no-repeat;padding:0;padding-left:8px}button{border-radius:3px;border:#000 solid 1px}}.img-container{display:block;margin:0 20px;aspect-ratio:336/239;img{border-radius:5px 5px 0 0}}article{margin:0 20px 36px;border-radius:0 0 5px 5px;padding:11px 0 0 15px;border:#D4D4D4 solid 1px;background-color:#f5f5f5ac;border-top-style:none;&:last-of-type{margin-bottom:75px}h2{font-size:20px;font-weight:800;margin:5px 15px 6px 0;&:after{content:none}}div{margin-right:15px;justify-content:space-between;&:first-of-type{color:var(--color-orange);font-size:13px;font-weight:800;margin-bottom:6px}&:nth-of-type(2){margin-bottom:10px;font-weight:500}.row{gap:30px;flex-wrap:wrap;button{display:block;width:fit-content;height:25px;color:#fff;background-color:var(--color-gold);text-align:center;margin-bottom:15px;padding-left:24px;padding-right:24px}}}}}:is(#archive,#category){margin:0 auto 22px;width:300px;h2{border-radius:5px 5px 0px 0px;color:#fff;font-size:24px;font-weight:700;text-align:center;background-color:var(--color-orange);margin-bottom:0;padding:6px 0;&:after{content:none}}div{border:#D3D3D3 solid 1px;border-top-style:none;padding:35px 0 35px 28px;gap:35px;font-size:20px;font-weight:500;button{position:relative;&:before{content:'';position:absolute;left:0;bottom:-15px;display:block;width:100vw;max-width:244px;height:.5px;background-color:#b9b9b9}}}}#category{div{button{width:fit-content;&:after{content:'>';position:absolute;right:0;top:50%;color:#b9b9b9;translate:100% -50%}}}}#archive{div{button{width:fit-content;&:after{content:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/下矢印_オレンジ.webp);position:absolute;right:0;top:50%;translate:100% -50%}}}}#flow-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/フローFV.webp);background-size:140%;background-position:50% 50%;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#flow{text-align:center;margin-bottom:-300px;h2{margin-top:63px}.column{align-items:center}svg{position:relative;&:first-of-type{fill:var(--color-orange);top:0}&:nth-of-type(2){fill:#f29447;top:-110px;z-index:-1}&:nth-of-type(3){fill:#f5b16e;top:-200px;z-index:-2}&:nth-of-type(4){fill:#f7c88c;top:-290px;z-index:-3}&:nth-of-type(5){fill:#fdde9c;top:-380px;z-index:-4}text{fill:#fff;font-size:15px;letter-spacing:1px;text-shadow:0 4px 1.3px #00000040,0 4px 1.3px #00000040;font-weight:600}}}#flow-prime{counter-reset:item;position:relative;.dot-line{position:absolute;left:calc(4vw + 26px);top:84px;z-index:1;height:1505px;width:2px;background-image:linear-gradient(to top,#cdb09a,#cdb09a 4px,transparent 4px,transparent 8px);background-size:2px 10px;background-repeat:repeat-y}.relative-box{position:relative;&:nth-child(2){height:275px;article{.column{&:first-of-type{h3{&:after{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/お問い合わせ.webp);width:52px;height:61px;right:-69px;bottom:-2px}}p{font-size:15px;text-wrap:nowrap}}&:nth-of-type(2){width:273px;gap:13px;position:relative;.tel{font-size:20px;text-align:center;margin:0 auto 32px;display:block;position:relative;&.for-pc{display:none}&:before{content:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/受話器_オレンジ.webp);position:absolute;top:0;left:-26px;display:block;width:22.5px;height:22.5px}}}}}}&:nth-of-type(3){height:454px;article{h3{&:after{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/見学.webp);width:37px;height:47px;right:-48px;bottom:-5px}}}}&:nth-of-type(4){height:421px;article{h3{&:after{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/応募・面接.webp);width:61px;height:47px;right:-94px;bottom:-5px}}}}&:nth-of-type(5){height:379px;article{h3{&:after{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/申請手続き.webp);width:65px;height:42px;right:-82px}}}}&:last-of-type{height:421px;article{h3{&:after{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/雇用契約.webp);width:64px;height:49px;right:-72px}}}}&:nth-child(even){background-color:#f4e8df}.marker{font-size:15px;font-weight:500;display:flex;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;position:absolute;top:32px;left:4vw;border-radius:50%;color:#fff;background-color:var(--color-orange);z-index:1;&:after{font-size:24px;counter-increment:item;content:'0' counter(item);display:block}}article{position:absolute;width:66vw;top:0;left:50%;z-index:1;translate:-45%;h3{width:fit-content;font-size:24px;line-height:unset;color:var(--color-orange);margin-top:44px;margin-bottom:13px;position:relative;&:after{content:'';background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/bbq.webp);background-size:contain;background-position:center;background-repeat:no-repeat;display:block;width:54px;height:54px;position:absolute;bottom:0;right:-54px;z-index:2}}p{margin-bottom:21px}}}a:not(.tel){display:flex;justify-content:center;align-items:center;width:214px;height:51px;box-shadow:0px 1px 2.4px 0px #00000040;background-color:var(--color-orange);color:#fff;text-align:center;margin:0 auto 0 0;border-radius:6px}}#qanda{h2,h3{text-align:center}dl{margin:0 10px;overflow:clip;&#hidden-box{height:0;transition-property:height;transition-duration:0.6s;&.hidden{&+button{&:before{opacity:1}&:after{opacity:0}}}dd{&:nth-last-of-type(1){padding-bottom:50px}}}dt{background-color:#F4F4F4;position:relative;padding:16px 10px 16px 42px;font-size:18px;font-weight:500;span{font-size:1.2em}&:before{content:'Q';display:flex;justify-content:center;align-items:center;width:30px;height:30px;position:absolute;top:15px;left:7px;border-radius:50%;border:transparent 1px solid;color:#fff;font-family:'Jost';background-color:var(--color-orange)}}dd{padding-top:15px;padding-left:42px;margin-bottom:50px;position:relative;&:before{content:'A';display:flex;justify-content:center;align-items:center;width:30px;height:30px;position:absolute;top:15px;left:7px;border-radius:50%;border:var(--color-gold) 1px solid;color:var(--color-gold);font-family:'Jost';background-color:#fff}p{font-size:15px;&:first-child{margin-bottom:2em}span{font-size:16px}}}}.tel{font-size:20px;text-align:center;margin:32px auto 32px 32px;display:inline-block;position:relative;&:before{content:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/受話器_オレンジ.webp);position:absolute;top:0;left:-26px;display:block;width:22.5px;height:22.5px}}button{position:relative;color:#fff;display:block;width:165px;height:48px;margin:0 auto;border-radius:30px;background-color:var(--color-orange);&:before,&:after{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition-property:opacity;transition-duration:.2s}&:before{content:'もっと見る';opacity:0}&:after{content:'とじる'}}}#contact-main-visual{height:calc(35vw + 46px);.background{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/モニター.webp);background-size:110%;background-position:40% center;background-repeat:no-repeat;height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.opacity{padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}&~p{margin:47px 26px 33px}}.contact-number{&:nth-child(2){p{margin:0 16px 80px}}dl{text-align:center;border:1px solid #CBCBCB;margin:0 10px;dt{color:#24170d;font-weight:500;margin-top:26px}dd{&:first-of-type{font-size:32px;font-weight:700;color:var(--color-orange);margin-top:15px}&:last-of-type{font-size:14px;margin-bottom:18px}}}}#contact-form{margin:112px auto 0;width:284px;p{text-align:center;margin-bottom:37px;span{color:red}}form{display:flex;flex-direction:column;.column{width:100%;margin:0 auto 25px}label{padding-bottom:6px;span{color:red}}:is(select,input,textarea){width:100%;height:40px;background-color:#f8f8f8;border:none;border-bottom:1px solid #565656;padding:14px 0 14px 8px}select{appearance:none;background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/下矢印_灰.webp);background-size:16px;background-position:right 14px center;background-repeat:no-repeat;padding:0;padding-left:8px;border:1px solid #565656}textarea{height:267px}}#privacy-policy{align-self:center;width:110%;height:215px;padding:15px;box-shadow:0 4px 4px #00000040 inset;overflow-y:scroll;h2{font-size:16px;text-align:center;margin:25px 14px 19px;&:after{content:none}}h3{font-size:15px;margin-bottom:20px}dl{font-size:14px;margin-bottom:14px;dt{font-size:16px;h4{font-size:16px}}dd{margin-bottom:20px;h5{font-size:14px;font-weight:400}ol{counter-reset:number 0;list-style:none;margin-left:30px;margin-bottom:20px;li{margin-top:20px;&:before{counter-increment:number 1;content:counters(number,'-')'.';margin-right:10px}}}.row-tb{align-items:center;dt{margin-right:1em}dd{margin-bottom:0}a{font-weight:600}}}}}.row{align-items:center;justify-content:center;gap:13px;margin:23px 0 47px;input[type=checkbox]{width:18px;height:18px}label{padding-bottom:0;font-size:14px;text-wrap:nowrap}}input[type=submit]{width:272px;height:68px;margin:0 auto 47px;border-radius:6px;display:block;color:#fff;font-weight:700;background-color:var(--color-orange);border:unset}}#confirm-main-visual{>article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:13px;color:#fff;text-align:center;span{font-size:16px;color:var(--color-orange);-webkit-text-stroke:#fff 2px;paint-order:stroke}}}&~p{margin:47px 26px 33px}}#confirm-form{border:var(--color-orange) 1px solid;margin:0 30px;margin-top:112px;padding-top:30px;&+.contact-number{p{&:nth-of-type(2){font-size:32px;font-weight:700;color:var(--color-orange);margin-top:15px}&:last-of-type{font-size:14px;margin-bottom:18px}}}>p:first-child,h1{text-align:center;font-size:24px;margin-bottom:37px}p{&:nth-child(2){color:var(--color-orange)}span{color:red}}form{.column{width:284px;margin:0 auto 25px;border-bottom:var(--color-orange) 1px solid}label{padding-bottom:6px;span{color:red}}:is(select,input,textarea){width:284px;height:40px;background-color:#f8f8f8;border:none;border-bottom:1px solid #565656;padding:14px 0 14px 8px}select{appearance:none;background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/下矢印_灰.webp);background-size:16px;background-position:right 14px center;background-repeat:no-repeat;padding:0;padding-left:8px;border:1px solid #565656}textarea{height:267px}}.row{align-items:center;justify-content:center;gap:13px;margin:23px 0 47px;label{padding-bottom:0;font-size:14px}}input[type=submit]{width:272px;height:68px;margin:94px auto 47px;border-radius:6px;display:block;color:#fff;font-weight:700;background-color:var(--color-orange);border:unset;border:transparent 2px solid}input[type=button]{width:272px;height:68px;margin:0 auto 47px;border-radius:6px;display:block;color:var(--color-orange);font-weight:700;background-color:#fff;border:unset;border:var(--color-orange) 2px solid}}#thanks-main{.contact-number{h1{font-family:'AsebiMincho';font-size:50px;text-align:center}p{&:last-of-type{margin:32px auto;text-align:center}}}.img-container{width:320px;margin:0 auto}}#post-main-visual{height:calc(35vw + 46px);.background{height:35vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;.img-container{position:absolute;height:100%;width:100%}.opacity{position:relative;padding:2vw 2vw 0 0;background-color:var(--color-gold);div{background-color:var(--color-orange);text-align:center;padding:2vw 0 3vw;width:30vw;h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}article{background-color:var(--color-orange);height:46px;padding:9px 0;display:flex;justify-content:center;align-items:center;p{font-size:11px;color:#fff;text-align:center}}}#post{margin-top:71px;a{color:unset;text-decoration:underline}>.row-pc{>.column{width:80vw;margin:0 auto;&:first-child{ul,ol{list-style-type:unset}.img-container{margin:20px 0}.row{gap:30px;flex-wrap:wrap;button{display:block;width:fit-content;height:25px;color:#fff;background-color:var(--color-gold);text-align:center;margin-bottom:58px;padding-left:24px;padding-right:24px}}.wp-block-file{margin-top:20px;.wp-block-file__button{line-height:40px;color:#fff;border-radius:999px;text-decoration:none;font-size:13px;margin-left:20px}}>a{color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;width:165px;height:48px;text-align:center;margin:31px auto;border-radius:30px;background-color:var(--color-orange)}span{font-weight:600}}&:last-child{dl{margin-bottom:75px;background-color:#f5f5f5ac;&:last-of-type{margin-bottom:0}.row{justify-content:space-between}}form{flex-wrap:wrap;button{display:block;width:max-content;height:25px;color:#fff;background-color:var(--color-gold);text-align:center;margin-bottom:15px;padding-right:24px;padding-left:24px}&.row{justify-content:right}}}h2{margin:0;padding:0;font-weight:500;font-size:40px;&:after{content:none}}h3{font-size:20px;font-weight:600;background-color:#FFDEC7;border-left:solid 5px var(--color-orange);padding:15px 0 15px 21px;margin:38px 0 10px;&~p{padding-bottom:17px}}h4{border-left:var(--color-orange) solid 2px;padding-left:5px}h5,h6{font-size:1rem}h5{padding-left:10px}strong{font-weight:700}}dl{margin-bottom:36px;border-radius:0 0 5px 5px;padding:11px 15px 0;border:#D4D4D4 solid 1px;border-top-style:none;&:last-of-type{margin-bottom:35px}dt{font-weight:800;margin-bottom:6px}dd{&:first-of-type{color:var(--color-orange);font-size:13px;font-weight:800;margin-bottom:6px}&:nth-of-type(2){font-size:13px;margin-bottom:10px;font-weight:500}a{display:block;text-decoration:none}}}}}footer{pointer-events:none;.row-pc{width:fit-content;margin:0 auto;pointer-events:auto}.img-container{display:block;width:200px;margin:126px auto 80px;pointer-events:auto;filter:invert(1)}.row{justify-content:flex-start;pointer-events:none;.space-maker{width:112px;margin-bottom:42px;&:last-child{width:fit-content}.column{display:inline-block;pointer-events:auto;p{font-size:12px;pointer-events:none;&:first-child{font-weight:600}&:last-child{padding-top:8px;color:var(--color-orange)}}}}}small{display:block;text-align:center;color:#fff;font-size:14px;background-color:var(--color-gold);padding:22px 0}}@property --second-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --third-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --fourth-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --fifth-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --sixth-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --bound{syntax:'<percentage>';inherits:true;initial-value:0%}@keyframes graphFill{0%{--second-angle:0deg;--third-angle:0deg;--fourth-angle:0deg;--fifth-angle:0deg}20%{--second-angle:360deg;--third-angle:0deg}40%{--third-angle:360deg;--fourth-angle:0deg}60%{--fourth-angle:360deg;--fifth-angle:0deg}80%{--fifth-angle:360deg;--sixth-angle:0deg}100%{--second-angle:360deg;--third-angle:360deg;--fourth-angle:360deg;--fifth-angle:360deg;--sixth-angle:360deg}}@keyframes barFill{from{--bound:0%}to{--bound:100%}}@keyframes ImgScrollAnimhorizontal{0%{background-position:0 100%}100%{background-position:100% 0}}@keyframes turnPage{0%{z-index:0}50%{z-index:3;rotate:-50deg}99%{z-index:3}100%{z-index:2}}