@font-face{font-display:swap;font-family:'HanazomeFont';src:url('/wp/wp-content/themes/Family Ties wp/assets/fonts/hanazomefont/はなぞめフォント.woff')}@font-face{font-display:swap;font-family:'AsebiMincho';src:url('/wp/wp-content/themes/Family Ties wp/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;--sixth-graph-color:aqua;--seventh-graph-color:pink;--eighth-graph-color:hsl(from brown h s calc(l + 30));--nineth-graph-color:hsl(from purple h s calc(l + 30))}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}>div:not(.background){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('/wp/wp-content/themes/Family Ties wp/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:rgb(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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/施術中.webp')}}&:nth-of-type(2){dl{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/作業中.webp')}}&:nth-of-type(3){dl{background-image:url('/wp/wp-content/themes/Family Ties wp/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:#fff 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:#fff 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){top:50%;right:0;width:90vw;height:500px;translate:0 -50%}&:nth-child(3){left: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-6:0;--pie-7:0;--pie-8:0;--pie-9: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,--seventh-angle,--eighth-angle,--nineth-angle,--tenth-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)),calc(var(--pie-duration) * var(--pie-6) / var(--total)),calc(var(--pie-duration) * var(--pie-7) / var(--total)),calc(var(--pie-duration) * var(--pie-8) / var(--total)),calc(var(--pie-duration) * var(--pie-9) / 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)),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) + var(--pie-duration) * var(--pie-5) / 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) + var(--pie-duration) * var(--pie-5) / var(--total) + var(--pie-duration) * var(--pie-6) / 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) + var(--pie-duration) * var(--pie-5) / var(--total) + var(--pie-duration) * var(--pie-6) / var(--total) + var(--pie-duration) * var(--pie-7) / 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) + var(--pie-duration) * var(--pie-5) / var(--total) + var(--pie-duration) * var(--pie-6) / var(--total) + var(--pie-duration) * var(--pie-7) / var(--total) + var(--pie-duration) * var(--pie-8) / 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)),var(--sixth-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) + var(--sixth-angle) * var(--pie-5) / 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) + var(--seventh-angle) * var(--pie-6) / var(--total)),var(--seventh-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) + var(--sixth-angle) * var(--pie-5) / var(--total) + var(--seventh-angle) * var(--pie-6) / 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) + var(--seventh-angle) * var(--pie-6) / var(--total) + var(--eighth-angle) * var(--pie-7) / var(--total)),var(--eighth-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) + var(--sixth-angle) * var(--pie-5) / var(--total) + var(--seventh-angle) * var(--pie-6) / var(--total) + var(--eighth-angle) * var(--pie-7) / 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) + var(--seventh-angle) * var(--pie-6) / var(--total) + var(--eighth-angle) * var(--pie-7) / var(--total) + var(--nineth-angle) * var(--pie-8) / var(--total)),var(--nineth-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) + var(--sixth-angle) * var(--pie-5) / var(--total) + var(--seventh-angle) * var(--pie-6) / var(--total) + var(--eighth-angle) * var(--pie-7) / var(--total) + var(--nineth-angle) * var(--pie-8) / 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) + var(--seventh-angle) * var(--pie-6) / var(--total) + var(--eighth-angle) * var(--pie-7) / var(--total) + var(--nineth-angle) * var(--pie-8) / var(--total) + var(--tenth-angle) * var(--pie-9) / 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) + var(--seventh-angle) * var(--pie-6) / var(--total) + var(--eighth-angle) * var(--pie-7) / var(--total) + var(--nineth-angle) * var(--pie-8) / var(--total) + var(--tenth-angle) * var(--pie-9) / var(--total)));&.observed{--second-angle:360deg;--third-angle:360deg;--fourth-angle:360deg;--fifth-angle:360deg;--sixth-angle:360deg;--seventh-angle:360deg;--eighth-angle:360deg;--nineth-angle:360deg;--tenth-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)}&:nth-of-type(6){--point-color:var(--sixth-graph-color)}&:nth-of-type(7){--point-color:var(--seventh-graph-color)}&:nth-of-type(8){--point-color:var(--eighth-graph-color)}&:nth-of-type(9){--point-color:var(--nineth-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:.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:.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('/wp/wp-content/themes/Family Ties wp/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:rgb(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('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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('/wp/wp-content/themes/Family Ties wp/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:rgb(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:rgb(255 255 255 / .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:0 4px 4px 0 #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:#000 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;background-size:cover;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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/本院外装1.webp');background-position:60% 20%;&:hover{.opacity{background-color:#95C6C6BF}}}&:nth-of-type(2){background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/中本院外装.webp');background-position:53% 20%;&:hover{.opacity{background-color:#F8C8C9BF}}}&:nth-of-type(3){background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/枚方院外装.webp');background-position:51% 40%;&:hover{.opacity{background-color:#D7FDC0BF}}}&:nth-of-type(4){background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/今里院外装.webp');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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ReborN外装.webp');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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/たんぽぽ院外装.webp');background-position:49% 30%;&:hover{.opacity{background-color:#F9C898BF}}}&:nth-of-type(7){background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/会議中.webp');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:#fff0;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:0 4px 4px 0 #00000040;position:relative;.group{opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.3s;&:nth-of-type(1){.div-img{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ドライビング中.webp')}}&:nth-of-type(2){.div-img{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/だんだん治療院施術中.webp')}}}a{position:absolute;inset:0;&.not-allowed{cursor:not-allowed}p{position:absolute;bottom:0;right:0;z-index:1;color:#fff;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:0 4px 4px 0 #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:#fff;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:0 4px 4px 0 #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('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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:0 4px 4px 0 #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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/施術中.webp')}}&:nth-child(2){.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/作業中.webp')}}&:nth-child(3){.background{background-image:url('/wp/wp-content/themes/Family Ties wp/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 0}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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/施術中.webp')}}}&[data-swiper-slide-index='1']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/PÖANA受付.webp')}}}&[data-swiper-slide-index='2']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ドライビング中.webp')}}}&[data-swiper-slide-index='3']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/トリミング中.webp')}}}&[data-swiper-slide-index='4']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/モニター.webp')}}}&[data-swiper-slide-index='5']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/筋トレをする男性.webp')}}}&[data-swiper-slide-index='6']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/作業中.webp')}}}&[data-swiper-slide-index='7']{button{&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/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:.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('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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:0 4px 4px #00000040}}}.nav1{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/頭皮マッサージ中.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav2{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ひまわり院受付.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav3{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ドライビング中.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav4{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/トリミング中.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav5{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/タイピング中.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav6{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/筋トレをする男性.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav7{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/枚方院内職1.webp');background-size:200%;background-position:center;background-repeat:no-repeat;opacity:.65;height:100%}}.nav8{.background{background-image:url('/wp/wp-content/themes/Family Ties wp/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('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ファミリータイズ本社.webp');background-size:200%;background-position:center;background-repeat:no-repeat;height:30vh;opacity:.2}&:nth-child(5){background-image:url('/wp/wp-content/themes/Family Ties wp/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:0 4px 4px 0 #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:#fff;position:absolute;top:0;display:none;translate:0 -100%;font-size:20px;width:115px;height:40px;border:0 solid #fff0;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:0 4px 4px 0 #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('/wp/wp-content/themes/Family Ties wp/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;h1{color:#fff;font-size:5vw;font-weight:700}}}}>div:not(.background){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;h2{margin-top:53px;font-size:20px;&::after{content:none}}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('/wp/wp-content/themes/Family Ties wp/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('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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:gray;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('/wp/wp-content/themes/Family Ties wp/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}.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}}}p{margin-bottom:10px;font-weight:500}}}:is(#archive,#category){margin:0 auto 22px;width:300px;h2{border-radius:5px 5px 0 0;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('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/下矢印_オレンジ.webp');position:absolute;right:0;top:50%;translate:100% -50%}}}}#flow-main-visual{height:calc(35vw + 46px);.background{background-image:url('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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('/wp/wp-content/themes/Family Ties wp/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('/wp/wp-content/themes/Family Ties wp/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('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/見学.webp');width:37px;height:47px;right:-48px;bottom:-5px}}}}&:nth-of-type(4){height:421px;article{h3{&::after{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/応募・面接.webp');width:61px;height:47px;right:-94px;bottom:-5px}}}}&:nth-of-type(5){height:379px;article{h3{&::after{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/申請手続き.webp');width:65px;height:42px;right:-82px}}}}&:last-of-type{height:421px;article{h3{&::after{background-image:url('/wp/wp-content/themes/Family Ties wp/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('/wp/wp-content/themes/Family Ties wp/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:0 1px 2.4px 0 #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:#fff0 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('/wp/wp-content/themes/Family Ties wp/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('/wp/wp-content/themes/Family Ties wp/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}}}}}>div:not(.background){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('/wp/wp-content/themes/Family Ties wp/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{>div:not(.background){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('/wp/wp-content/themes/Family Ties wp/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:#fff0 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;.moc-h1{color:#fff;font-size:5vw;font-weight:700;span{font-size:2vw}}}}}>div:not(.background){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:90%;margin-inline:auto;&:first-child{&:not(.no-reset){*:not(h2,.cat-btn,.return-to-archive,.row){all:revert}}ul,ol{list-style-type:unset}.img-container{margin:20px 0}.row{gap:30px;flex-wrap:wrap;margin-bottom:58px;.cat-btn{display:block;width:fit-content;height:25px;color:#fff;background-color:var(--color-gold);text-align:center;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}}.return-to-archive{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}}}h1{margin:0;padding:0;font-weight:500;font-size:40px;letter-spacing:0}h2{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;&::after{content:none}&~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 --seventh-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --eighth-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --nineth-angle{syntax:'<angle>';inherits:true;initial-value:0deg}@property --tenth-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}}@media screen and (min-width:768px){header.for-mb-tb>.row{padding:0 40px}.from-tb{display:block}.for-mb{display:none}.row-tb{display:flex}header{&.for-mb-tb{>.row{padding:0 40px;.row{gap:20px}}}}.main-visual{height:calc(35vw + 56px);>div:not(.background){height:56px;p{font-size:16px;line-height:1.5em}}}#vision{height:60vh;.background{background-size:220%}}#mission{dl{padding:0 20px;dd{div{bottom:20px;right:20px}}}}#enterprise-place{.img-container{img{height:300px;width:300px}}}#gallery{h2{margin-top:300px}}#greeting{.bg-white{h2{margin-left:45px}article{p{padding-left:70px}}}}#company{dl{padding-left:20vw}}#history{.chronology{#scroll-part{swiper-slide{&:last-child{.row{width:calc(100% - 260px)}div:last-child{display:block;position:absolute;top:0;right:0;width:260px;height:100%}.signature-phrase{font-size:28px}}.img-container{display:block;position:absolute;top:0;right:0;width:260px;height:100%}}}}}#team{article{&:nth-of-type(2){padding-top:100px;.img-container{width:210px;height:158px;.div-img{width:325px;height:244px}}}}.background{&:not(:last-of-type){margin-bottom:40px}.opacity{width:40%}}}#collaborated-corporate{.row-pc{>.img-container{a{width:355px;height:160px;margin-top:20px}}}}#family{.chart-container{.row-pc{margin:0 25vw}}}#familyties-business{.row-pc{.img-container{margin-right:100px;margin-left:100px}}}#for-independence{>.row-pc{margin:0 150px}}:is(#provided-workplace,#collaborated-workplace){a{&:is(:not(:last-child),:last-child){margin-left:35px}}}#job-description-mb-tb{#work-swiper-main{.img-container{width:80%;margin:0 auto}}}#flow-prime{.relative-box{&:nth-child(2){article{.column{&:nth-of-type(2){align-self:flex-end}}}}}}#qanda{dl{margin:0 80px}}#posts{>.row-pc{margin:0 20%}}#post{>.row-pc{>.column{&:first-child{>button{margin-bottom:61px}}&:last-child{width:40vw;.img-container{img{border-radius:10px 10px 0 0}}}}}}#pleasant-fellows{article{.background{&:nth-child(5){width:300px;height:378px}}p{small{margin-right:190px}}}.recruit-container{width:stretch;margin-right:80px;margin-left:80px}.img-container{height:315px}}#requirements{width:70%;margin:0 auto}#contact-form{width:500px}.contact-number{&:nth-child(2){p{text-align:center}}}.contact-number{&:nth-child(2){p{margin-top:60px}}}}@media screen and (min-width:1280px){button{cursor:pointer;&[name='filter-term']{transition-property:opacity;transition-duration:.3s;&:hover{opacity:.8}}}.for-mb-tb{display:none}.for-pc{display:block}.row-pc{display:flex;flex-direction:row}.row-reverse-pc{display:flex;flex-direction:row-reverse}.row-mb-tb{display:block}.column-pc{display:flex;flex-direction:column}.column-reverse-pc{display:flex;flex-direction:column-reverse}.column-mb-tb{display:block}.breadcrumbs{a{&:hover{text-decoration:underline #fff}}}.read-more-post{transition-property:--boundary;transition-duration:.2s;background-clip:text;color:#fff0;border-image:linear-gradient(to right,var(--color-orange),var(--color-orange) var(--boundary),#787878 var(--boundary),#787878) 1;border-bottom-width:3px;border-bottom-style:solid;background-image:linear-gradient(to right,var(--color-orange),var(--color-orange) var(--boundary),#787878 var(--boundary),#787878);&:hover{--boundary:100%;transition-duration:.6s;&::after{background-color:var(--color-orange);transition-delay:.4s;transition-duration:.2s}}&::after{transition-delay:0s}}html{scroll-padding-top:112px;font-size:18px}#hero-h1{span:not(.img-container){left:calc(31.5% - 162px)}}body{&:has(div.logo-container a:hover){.logo-container,.bg-khaki{opacity:.7}}}header{&#index-header{position:relative;.bg-khaki{position:absolute;inset:unset;top:90px;left:0;width:320px;height:90px;background-color:var(--color-gold);padding:25px 0 0 105px}.logo-container{background-color:var(--color-gold);position:fixed;top:0;left:0;z-index:11;width:320px;height:90px;.img-container{width:180px;height:46px;display:block;margin:20px 35px 0 auto}}.bg-white{position:fixed;top:0;right:0;z-index:10;width:100%;height:90px;background-color:#fff;text-align:center;padding:22.9px 0;.row{margin-left:auto;margin-right:118px;width:fit-content;justify-content:end;align-items:center;gap:23px;position:relative;top:0;left:0;li{font-size:12px;.column{gap:8px;&:hover{span{&:first-child{font-weight:600;color:var(--color-orange);&::after{width:61px}}&:last-child{color:#000}}}span{display:block;transition-property:color,opacity;transition-duration:.3s;&:first-child{font-weight:600;position:relative;&::after{content:'';display:block;width:0;height:2px;position:absolute;left:50%;bottom:-5px;translate:-50%;background-color:var(--color-orange);pointer-events:none;transition-property:width;transition-duration:.3s}}&:last-child{color:var(--color-orange)}}}}}}}&:not(#index-header){position:relative;.bg-khaki{position:absolute;inset:unset;top:90px;left:0;z-index:-1;width:320px;height:90px;background-color:var(--color-gold);padding:25px 0 0 105px}.logo-container{background-color:var(--color-gold);position:fixed;top:0;left:0;z-index:11;width:320px;height:90px;.img-container{width:180px;height:46px;display:block;margin:20px 35px 0 auto}}.bg-white{position:fixed;top:0;right:0;z-index:10;width:calc(100% - 320px);height:90px;background-color:#fff;text-align:center;padding:22.9px 0;margin-left:auto;.row{margin-left:auto;margin-right:118px;width:fit-content;justify-content:end;align-items:center;gap:23px;position:relative;top:0;left:0;li{font-size:12px;&:hover{span{opacity:1}}.column{gap:8px;&.current{&:hover{span{&:first-child{&::after{background-color:#000}}}}span{&:first-child{color:var(--color-orange);&::after{width:61px}}&:last-child{color:var(--color-orange)}}}&:hover{span{&:first-child{&::after{width:61px}}}}span{pointer-events:none;transition-property:opacity;transition-duration:.3s;&:first-child{font-weight:600;position:relative;&::after{content:'';display:block;width:0;height:2px;position:absolute;left:50%;bottom:-5px;translate:-50%;background-color:var(--color-orange);pointer-events:none;transition-property:width,background-color;transition-duration:.3s}}}}}}}}.bg-khaki,.logo-container{transition-property:opacity;transition-duration:.4s}.mouse-stalker{position:absolute;width:61px;height:2px;bottom:20px;z-index:11;background-color:var(--color-orange);pointer-events:none;transition-property:background-color;transition-duration:.3s;&.current{background-color:#000}}.row{&:hover{span{opacity:.6}}}}main{margin-top:11.5vh}#index-main-visual{height:518px;position:relative;.img-container{height:435px;margin:0 auto;width:80%}>div:not(.background){display:block;position:absolute;right:0;bottom:0;z-index:-1;width:623px;height:448px;span{color:#fff;font-size:18px;font-weight:400;text-align:right;writing-mode:vertical-rl;margin:30px 53px 0 auto;&::after{content:none}}p{font-size:16px;text-align:left;position:absolute;left:29px;bottom:22px;line-height:22.94px}}}.main-visual:not(#index-main-visual){height:518px;position:relative;margin:0 auto;pointer-events:none;.background{width:86vw;height:435px;margin:0 auto}>div:not(.background){position:relative;bottom:365px;width:623px;height:unset;display:block;margin:0 0 0 auto;span{color:#fff;font-size:18px;font-weight:400;text-align:right;writing-mode:vertical-rl;margin:30px 53px 0 auto;&::after{content:none}}.breadcrumbs{gap:1em;color:#fff;display:flex;margin:143px 0 24px 57px;a{pointer-events:auto;color:#fff}}}}#vision{margin-top:114px;height:93vh;.background{right:189px;left:auto;max-width:555px;background-size:208%;animation:none;&.for-pc{width:355px;height:355px;background-position:50% center;background-size:240%;top:-59px;left:unset;right:623px;&::after{content:none}}}h2::after{left:0;translate:none}h2,h3,p{text-align:start;margin-left:13.5vw}article{margin:0;p{&:last-of-type{margin-bottom:43px}}}.row{border:#fff0 solid 3px;margin-left:13.5vw;transition-property:color,background-color,border;transition-duration:.3s;&:hover{color:var(--color-gold);background-color:#fff;border:var(--color-gold) solid 3px;.circle{background-color:#fff;border-color:var(--color-gold);&::before{background-color:var(--color-gold)}&::after{border-color:var(--color-gold)}}}.circle{transition-property:background-color,border-color;transition-duration:.3s;&::before{transition-property:background-color;transition-duration:.3s}&::after{transition-property:border-color;transition-duration:.3s}}}h3,p{-webkit-text-stroke:#fff 3px;paint-order:stroke}}#mission{padding-bottom:119px;.row-pc{justify-content:center;gap:78px;dl{width:300px;margin:0 0 70px}}a{&:hover{dd{div{.circle{background-color:#fff;&::before{background-color:#000}&::after{border-color:#000}}}}}dd{div{.circle{transition-property:background-color;transition-duration:.3s;&::before{transition-property:background-color;transition-duration:.3s}&::after{transition-property:border-color;transition-duration:.3s}}}}}article{p{font-size:20px;&:last-child{padding:0}}}}#family{.pattern{&:nth-child(1),&:nth-child(3){height:654px}&:nth-child(2){height:545px}}.chart-container{width:fit-content;margin:0 auto;.row-pc{justify-content:center;gap:10vw;margin:unset;>div{width:480px;&:nth-of-type(2){display:flex;flex-direction:column;.bar-chart{flex:1;display:flex;flex-direction:column;justify-content:center}}&.support{width:100%;height:585px;.bar-chart{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:0 5vw;width:fit-content;height:418px;margin:0 auto;.bar,.value{width:330px}.bar{height:.6em}}}}}}.container{div{p{&::before{width:15px}}}}}#enterprise-place{.img-container{img{border-radius:50px;width:656px;height:430px}.row{&:hover{.circle{background-color:#fff;border-color:var(--color-gold);&::before{background-color:var(--color-gold)}&::after{border-color:var(--color-gold)}}}.circle{width:90px;height:90px;font-size:60px;font-weight:100;border:#fff0 solid 1px;transition-property:background-color,border-color;transition-duration:.3s;&::before{transition-property:background-color;transition-duration:.3s}&::after{transition-property:border-color;transition-duration:.3s}}.column{p{&:first-child{font-size:32px}&:not(:first-child){font-size:20px}}}}}}#gallery{h2{margin-top:350px}}#report{swiper-container{&::part(wrapper){display:flex;justify-content:center;gap:66px}}swiper-slide{width:310px;.img-container{opacity:.6;transition-property:opacity;transition-duration:.3s}.lower-round{opacity:.6;transition-property:opacity,box-shadow;transition-duration:.3s}a{&:hover{.img-container{opacity:1}.lower-round{opacity:1;box-shadow:0 4px 4px 0 #00000040}}}}>a{border:#fff0 solid 3px;transition-property:color,background-color,border;transition-duration:.3s;.circle{transition-property:background-color,border;transition-duration:.3s;&::before{transition-property:background-color;transition-duration:.3s}&::after{transition-property:border-color;transition-duration:.3s}}&:hover{color:var(--color-gold);background-color:#fff;border:var(--color-gold) solid 3px;.circle{background-color:#fff;border:1px solid var(--color-gold);&::before{background-color:var(--color-gold)}&::after{border-color:var(--color-gold)}}}}#swiper-pagination{display:none}}#philosophy{margin-top:172px;.background{background-size:125%;background-position:20% 25%}h2{font-size:40px}p{font-size:20px}a{border:#fff0 solid 3px;transition-property:color,background-color,border;transition-duration:.3s;.circle{transition-property:background-color,border;transition-duration:.3s;&::before{transition-property:background-color;transition-duration:.3s}&::after{transition-property:border-color;transition-duration:.3s}}&:hover{color:var(--color-gold);background-color:#fff;border:var(--color-gold) solid 3px;.circle{background-color:#fff;border:1px solid var(--color-gold);&::before{background-color:var(--color-gold)}&::after{border-color:var(--color-gold)}}}}}#greeting{height:100vh;.background{background-size:130%;animation-name:ImgScrollAnimhorizontal;animation-duration:90s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}.bg-white{width:576px;position:absolute;right:10vw;top:50%;translate:0 -50%;h2{font-size:40px;font-weight:400;&::before{font-size:20px}}article{padding:80px 0 0 16px;line-height:180%;p{font-size:20px;&:is(:nth-child(1),:nth-child(2)){text-align:start}&:nth-last-child(2){margin-top:40px;margin-right:209px}&:last-child{font-size:36px;padding-right:111px}}}}.bg-pale-orange{background:#FCE1CF;width:22vw;height:391px;position:absolute;left:21vw;bottom:218px;opacity:.6}.bg-orange{background-color:var(--color-orange);width:35vw;height:409px;position:absolute;left:0;bottom:-33px;opacity:.6}}#company{dl{width:825px;margin:0 auto;padding-left:0;dt{width:176px;font-size:24px}dd{font-size:20px;span{display:inline-block;&:first-child{margin-right:1em}}}}}#history{.chronology{position:relative;.current-light{position:absolute;left:5%;display:inline-block;width:10px;height:10px;background:var(--color-orange);border-radius:50%;translate:0 -50%;transition-property:top;transition-duration:.3s}#current-view{text-align:right;width:13vw;margin-right:89px;span{height:24px;margin-bottom:25px;&::before{font-size:20px}&:is(.swiper-pagination-bullet-active,:hover){&::before{color:#000;font-size:20px}}}}#scroll-part{margin-right:130px;swiper-slide{&:last-child{.signature-phrase{font-size:40px}}.era{>div{padding-right:23px;padding-left:23px;line-height:.5;p{font-size:20px;line-height:1.5;span{display:inline-block;width:65px}}div{padding-left:50px}}}>.row{width:109px}}}}}#team{h3{font-size:20px}>a{text-align:start}>article{&:nth-of-type(2){margin-left:9.3vw;button{font-size:20px;margin-left:9.2vw;&::before{content:'';position:absolute;top:50%;left:-1em;margin-right:12px;display:inline-block;width:10px;height:10px;background:var(--color-orange);border-radius:50%;translate:0 -50%;opacity:0;transition-property:opacity;transition-duration:.3s}&:hover{position:relative;&::before{opacity:1}}}.img-container{width:314px;height:235px;margin-left:35.5vw;a:not(.not-allowed){transition-property:box-shadow;transition-duration:.3s;&:hover{box-shadow:-8px 0 10px #b7b7b7}}.div-img{width:550px;height:412px;left:236px;bottom:-21px}}}}.background{width:56vw;height:300px;transition-property:opacity;transition-duration:.3s;&:hover{opacity:.8}&:nth-child(odd){margin-left:auto;transition-property:box-shadow;transition-duration:.3s;&:hover{box-shadow:-8px 0 10px #b7b7b7}}&:nth-child(even){transition-property:box-shadow;transition-duration:.3s;&:hover{box-shadow:8px 0 10px #b7b7b7}}&:nth-child(1){background-position:65% 18%}&:nth-child(2){background-position:49% 18%}&:nth-child(3){background-position:53% 40%}&:nth-child(4){background-position:46% 30%}&:not(:last-of-type){margin-bottom:0}.opacity{text-align:start;>p{font-size:20px}article{h4{font-size:32px;span{font-size:20px}}address,p{font-size:16px}}}}}#collaborated-corporate{text-align:start;margin-left:9vw;.row-pc{height:634px;position:relative;&: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:0}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(1)){&:not(:has(swiper-slide.swiper-slide-active:nth-of-type(1) a:hover)){.img-container{.group:nth-of-type(1){div{&:nth-of-type(1){opacity:1}}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2)){&:not(:has(swiper-slide.swiper-slide-active:nth-of-type(2) a:hover)){.img-container{.group:nth-of-type(2){div{&:nth-of-type(1){opacity:1}}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(3)){&:not(:has(swiper-slide.swiper-slide-active:nth-of-type(3) a:hover)){.img-container{.group:nth-of-type(3){div{&:nth-of-type(1){opacity:1}}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(1) div:nth-of-type(1) a:hover){.img-container{.group:nth-of-type(1){div{&:nth-of-type(1){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2) div:nth-of-type(1) a:hover){.img-container{.group:nth-of-type(2){div{&:nth-of-type(1){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2) div:nth-of-type(2) a:hover){.img-container{.group:nth-of-type(2){div{&:nth-of-type(2){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2) div:nth-of-type(3) a:hover){.img-container{.group:nth-of-type(2){div{&:nth-of-type(3){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2) div:nth-of-type(4) a:hover){.img-container{.group:nth-of-type(2){div{&:nth-of-type(4){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2) div:nth-of-type(5) a:hover){.img-container{.group:nth-of-type(2){div{&:nth-of-type(5){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(2) div:nth-of-type(6) a:hover){.img-container{.group:nth-of-type(2){div{&:nth-of-type(6){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(3) div:nth-of-type(1) a:hover){.img-container{.group:nth-of-type(3){div{&:nth-of-type(1){opacity:1}}}}}&:has(.column #collaborated-swiper swiper-slide.swiper-slide-active:nth-of-type(3) div:nth-of-type(2) a:hover){.img-container{.group:nth-of-type(3){div{&:nth-of-type(2){opacity:1}}}}}>.img-container{margin-top:auto;position:static;a{width:600px;height:400px;margin-right:7.4vw;margin-bottom:0;right:0;top:184px;transition-property:box-shadow;transition-duration:.3s;&:not(.not-allowed):hover{box-shadow:-8px 0 10px #b7b7b7}&.not-allowed:hover{color:#000;background-color:#fff0}}.div-img{width:100vw;top:unset;bottom:-100px}}.column{width:45vw;#collaborated-swiper{font-size:24px;width:279px;height:344px;.swiper-slide-active{&:not(:hover){div{&:first-of-type{button{&::after{width:calc(100% + 16px)}}}}}}swiper-slide{&:hover{button,a{opacity:.6}}button,a{transition-property:opacity;transition-duration:.3s;&:hover{opacity:1;&::after{width:calc(100% + 16px)}}&::after{transition-property:width;transition-duration:.3s}&.not-allowed{cursor:not-allowed}}a{display:block}button{display:none}}}}}}.svg-background{position:relative}#ec-support-type-a{position:static;article{p{font-size:16px;&:last-of-type{margin-bottom:119px}}}}#familyties-business{position:relative;.row-pc{.column-pc{margin-left:17vw;margin-right:13vw;h3{margin-top:22px;margin-bottom:154px}p{margin:0}}.img-container{width:500px;height:400px;margin-top:0;margin-bottom:25px}}}#for-independence{h3{margin-top:100px;margin-left:6vw}>.row-pc{margin:0 6vw;gap:43px;>.column{flex:1;.background{width:27vw;height:300px;margin:0}>dt{dl{dt{font-size:32px}dd{font-size:16px}}}}}}:is(#provided-workplace,#collaborated-workplace){a:not(:last-child){margin-left:20px;transition-property:box-shadow,translate;transition-duration:.3s;&:hover{&:not(.not-allowed){box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}&.not-allowed{cursor:not-allowed}}}a:last-child{display:inline-block;background-color:var(--color-gold);border:solid 1px #fff0;margin-bottom:0;vertical-align:middle;transition-property:background-color,border;transition-duration:.3s;&::before{background-color:#fff;transition-property:background-color;transition-duration:.3s}&::after{border-color:#fff;transition-property:border-color;transition-duration:.3s}&:hover{background-color:#fff;border:var(--color-gold) solid 1px;&::before{background-color:var(--color-gold)}&::after{border-color:var(--color-gold)}}}}#collaborated-workplace{margin-bottom:146px}#provided-work{a.for-mb-tb{display:none}.blueback{background-color:#CAE7F3;border-radius:12px;width:200px;height:200px;border:none;img{filter:brightness(0)}div{text-align:center}}.whiteback{background-color:#fff;border-radius:5px;width:200px;height:200px;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;a{background-color:var(--color-gold);border:none;&::after{color:#fff}}p{position:absolute;bottom:14px}}img{object-fit:contain;height:80%}.for-pc{.row{justify-content:center;gap:32px;&:first-child{margin-bottom:31px;.blueback{&:nth-of-type(1){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/施術中.webp')}}&:nth-of-type(2){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/PÖANA受付.webp')}}&:nth-of-type(3){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/ドライビング中.webp')}}&:nth-of-type(4){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/トリミング中.webp')}}}}&:last-child{.blueback{&:nth-of-type(1){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/モニター.webp')}}&:nth-of-type(2){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/筋トレをする男性.webp')}}&:nth-of-type(3){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/作業中.webp')}}&:nth-of-type(4){&::before{background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/写真/理髪中.webp')}}}}.blueback{position:relative;overflow:clip;&::before{content:'';background-size:cover;background-repeat:no-repeat;position:absolute;inset:0;background-position-x:right;opacity:0;transition-property:none;transition-duration:.1s,.2s}&:hover{&::before{background-position-x:center;opacity:1;transition-property:opacity,background-position-x}&::after{content:'';position:absolute;inset:0;background-color:#ffffff5f}img{opacity:0}div{-webkit-text-stroke:#fff 4px;paint-order:stroke}}div{font-size:24px;font-weight:500;position:relative;z-index:1}}.whiteback{a{border:solid 1px #fff0;transition-property:background-color,border-color;transition-duration:.3s;&::before{background-color:#fff;transition-property:background-color;transition-duration:.3s}&::after{border-color:#fff;transition-property:border-color;transition-duration:.3s}&:hover{background-color:#fff;border-color:var(--color-gold);&::before{background-color:var(--color-gold)}&::after{border-color:var(--color-gold)}}}}}}}#job-description-pc{text-align:center;>h3{margin-bottom:70px}article{p{&:last-child{padding-top:20px;padding-left:20px;text-align:left;width:616px;margin:0 auto;padding-left:40px}span{font-family:'HanazomeFont'}}}.row{&:nth-child(5){>.img-container{.pattern{&:nth-child(2){top:23px;right:64px}&:nth-child(3){top:134px;right:35px}}p{top:34px;right:36px;text-align:left}}}&:nth-child(7){>.img-container{.pattern{&:nth-child(2){top:56px;right:85px}&:nth-child(3){top:167px;right:56px}}p{top:40px;right:56px;text-align:left}}}&:nth-child(9){>.img-container{.pattern{&:nth-child(2){top:49px;right:79px}&:nth-child(3){top:160px;right:50px}}p{top:13px;right:47px;text-align:left}}}&:nth-child(11){>.img-container{.pattern{&:nth-child(2){top:62px;right:76px}&:nth-child(3){top:173px;right:47px}}p{top:61px;right:63px;text-align:left}}}>.img-container{width:400px;height:88.5vh;position:sticky;top:11.5vh;left:0;img{opacity:.25}.pattern{position:absolute;&:nth-child(2){background-color:var(--color-gold);width:75px;height:75px;top:69px;right:78px}&:nth-child(3){background-color:var(--color-orange)80;width:38px;height:38px;top:180px;right:49px}}p{color:#474747;font-family:'Shippori Mincho';font-size:40px;position:absolute;top:61px;right:57px;letter-spacing:.5em;writing-mode:vertical-rl;text-orientation:upright;text-shadow:0 0 1px #474747}}article{flex:1;position:relative;background-color:#D9D9D933;padding-bottom:150px;overflow-y:clip;&::before{content:'';background-color:#000;position:absolute;left:103px;display:block;width:1px;height:550px;animation:verticalLineScroll 5s infinite linear}p{&:first-of-type{padding-top:159px;width:616px;margin:0 auto}&:nth-of-type(2){text-align:left;width:616px;margin:0 auto;padding-left:20px;padding-top:20px}}.img-container{&:nth-child(2){width:300px;height:250px;margin:56px auto 36px 26.7vw}&:nth-child(4){width:450px;height:350px;margin:54px auto 6px 26.7vw}}dl{text-align:left;font-size:14px;margin:0 auto;width:616px;dt{font-weight:700;font-size:20px;margin-bottom:20px;&:nth-of-type(2){margin-top:36px}}dd{ul{list-style-type:disc;padding-left:1em;margin-left:1em;line-height:160%}}}h3{font-size:20px;text-align:left;margin:36px auto 0;width:616px}}}.row-reverse{&:nth-child(6){>.img-container{.pattern{&:nth-child(2){top:86px;left:20px}&:nth-child(3){top:197px;left:86px}}p{top:54px;left:53px}}}&:nth-child(8){>.img-container{.pattern{&:nth-child(2){top:23px;left:18px}&:nth-child(3){top:134px;left:84px}}p{top:56px;left:70px}}}&:nth-child(10){>.img-container{.pattern{&:nth-child(2){top:55px;left:20px}&:nth-child(3){top:166px;left:86px}}p{top:43px;left:71px}}}>.img-container{width:400px;height:88.5vh;position:sticky;top:11.5vh;right:0;img{opacity:.25}.pattern{position:absolute;&:nth-child(2){background-color:var(--color-gold);width:75px;height:75px;top:43px;left:11px}&:nth-child(3){background-color:var(--color-orange)80;width:38px;height:38px;top:154px;left:77px}}p{color:#474747;font-family:'Shippori Mincho';font-size:40px;position:absolute;top:59px;left:62px;letter-spacing:.5em;writing-mode:vertical-rl;text-shadow:0 0 1px #474747;text-align:left}}article{flex:1;position:relative;background-color:#D9D9D933;padding-bottom:150px;overflow-y:clip;&::before{content:'';background-color:#000;position:absolute;right:103px;display:block;width:1px;height:550px;animation:verticalLineScroll 5s infinite linear}p{&:first-of-type{padding-top:159px;margin:0 auto;width:616px}&:nth-of-type(2){text-align:left;margin:0 auto;width:616px;padding-left:20px}}.img-container{&:nth-child(2){width:300px;height:250px;margin:56px 26.7vw 22px auto}&:nth-child(4){width:450px;height:350px;margin:54px 26.7vw 6px auto}}dl{text-align:left;font-size:14px;margin:0 auto;width:616px;dt{font-weight:700;font-size:20px;margin-bottom:20px;&:nth-of-type(2){margin-top:36px}}dd{ul{list-style-type:disc;padding-left:1em;margin-left:1em;line-height:160%}}}h3{font-size:20px;text-align:left;margin:53px auto 0;width:616px}}}}#pleasant-fellows{&:has(.btn-container button.current:last-of-type){.member{margin-bottom:0}.member,.supporter{display:flex;opacity:1;@starting-style{display:flex;opacity:0}}}&:has(.btn-container button.current:first-of-type){.member{display:flex;opacity:1;@starting-style{display:flex;opacity:0}}}&:has(.btn-container button.current:nth-of-type(2)){.supporter{display:flex;opacity:1;@starting-style{display:flex;opacity:0}}}article{h2{margin-top:258px;margin-left:14vw;font-size:36px;width:395px;line-height:43.57px}p{font-size:20px;margin-left:11.4vw;width:34.5vw}.background{&:nth-child(4){background-position:60% 65%;background-size:160%;height:80vh}&:nth-child(5){width:400px;height:504px;top:0;right:255px}}}.row-pc{position:relative;top:-330px;gap:3.6vw;justify-content:center;flex-wrap:wrap;width:1300px;margin:0 auto -330px;transition-property:margin-bottom;transition-duration:.3s}.recruit-container{width:350px;height:675px;margin:0;.tag-btn{&:hover{height:50px;opacity:1}&:active{background-color:var(--color-orange)}}}.column{margin-left:0;margin-right:0;height:525px;padding:28px 20px 33px;.img-container{width:300px;height:238px}dl:not(:last-of-type){margin-bottom:19px}dt{width:86px}}a{border-radius:24px;transition-property:box-shadow,translate;transition-duration:.3s;&:hover{box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}.btn-container{top:200px;button{opacity:.8;transition-property:scale,opacity;transition-duration:.3s;transform-origin:left;&:hover{opacity:1;scale:1.1}&:first-of-type,&:last-of-type{&:active{background-color:var(--color-orange)}}&:nth-of-type(2){&:active{color:#fff;filter:none}}}}}#support-staff-wanted{>div{&:first-of-type{width:100vw;aspect-ratio:1280 / 300;height:unset}&:nth-of-type(2){position:relative;flex:1;img{position:absolute;right:50px;top:0;width:550px;height:366px}}}p{&:nth-of-type(5){margin-bottom:0}}}#requirements{h2{font-size:24px}article{flex:809;div{margin-right:0;margin-left:0;margin-bottom:0}a{&:hover{text-decoration:underline}}}.iframe-container{flex:631;width:487px;height:427px;padding:0 72px;margin-top:auto}}#recruit-detail-main-visual~a.tel{display:none}#recruit-detail-main-visual~p{margin-top:14px;margin-left:auto;margin-right:auto;font-weight:500;font-size:24px;display:block;width:fit-content;&::before{content:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/受話器_オレンジ.webp');margin-right:4px}}#posts{align-items:center;p.for-pc{font-size:16px;font-weight:400;margin-top:53px;margin-bottom:5px}.pagenavi{margin-bottom:0;display:none;a,span{transition-property:color,background-color;transition-duration:.3s;&:hover{color:#fff;background-color:var(--color-orange)}}}>.pagenavi{display:flex}>.row-pc{justify-content:center;margin:unset;&:first-of-type{margin-top:89px}&.pick-up{.img-container{position:relative;width:315px;height:220px;margin-right:28px;p{position:absolute;top:-2em;left:0;margin-top:0}}article{margin-left:0;margin-bottom:0;width:657px;padding:30px;border:none;div{.row{gap:34px;button{padding-left:30px;padding-right:30px}}}}}.column-pc{margin-top:150px}}.center:last-child{display:flex}.img-container{margin-left:0;width:186.15px;height:131.54px;position:relative;&::after{content:'';display:block;width:100%;height:100%;position:absolute;top:10px;left:10px;background-color:var(--color-orange);border-radius:10px;z-index:-1}&:nth-of-type(2){width:315px;height:220px}img{border-radius:10px}}article{padding-top:30px;padding-right:10px;border-radius:10px;border-style:solid;border-color:#000;width:554px;padding-bottom:15px;&:last-of-type{margin-left:0}div{&:first-of-type{margin-bottom:12px}&.row{margin-top:25px}}}.column-reverse-pc{justify-content:start;margin-top:76px}}:is(#archive,#category){width:214px;h2{font-size:20px;font-weight:700;background-color:#fff0;color:var(--color-orange);border:var(--color-orange) solid 1px;border-bottom-style:none;text-align:left;padding-left:28px;padding-top:15px;border-radius:10px 10px 0 0;&::after{content:none}}div{border-color:var(--color-orange);border-radius:0 0 10px 10px;button{&:before{max-width:156px}}}}#archive{div{button{&:hover{color:#a0a0a0;&::after{animation:hoveringAnimVertical 0.3s infinite alternate}}}}}#category{div{button{&:hover{color:#a0a0a0;&::after{animation:hoveringAnimHorizontal 0.3s infinite alternate}}}}}.column{h3{margin-top:53px;margin-bottom:20px}}#flow{margin-bottom:0;.row-pc{position:relative;left:50%;margin-left:-574px;svg{top:0;&:nth-of-type(2){left:-88px}&:nth-of-type(3){left:-176px}&:nth-of-type(4){left:-264px}&:nth-of-type(5){left:-352px}}}use{&:nth-of-type(2){fill:#fff}}}#flow-prime{margin:0 15vw;.dot-line{left:calc(4vw + 40px)}.relative-box{&:nth-child(2){article.row-tb{margin-right:0;margin-left:0;justify-content:center;.column{margin-top:60px;margin-bottom:89px;&:nth-child(2){margin-left:4.3vw;a{width:stretch;margin:0;transition-property:box-shadow,translate;transition-duration:.3s;&:not(.tel){&:hover{box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}}.tel.for-mb-tb{display:none}}h3{margin-top:0;&::after{width:91px;height:103.4px;inset:unset;top:18px;left:-10vw}}a{margin-top:26px}p{margin-bottom:0}}}}&:nth-child(3){article{h3{&::after{width:77px;height:101.1px;inset:unset;left:-10vw;top:57px}}}}&:nth-child(4){article{h3{&::after{width:108px;height:83.2px;inset:unset;left:-10.7vw;top:51px;scale:-1 1}}}}&:nth-child(5){article{h3{&::after{width:108px;height:73px;inset:unset;left:-10.7vw;top:57px;scale:-1 1}}}}&:nth-child(6){article{h3{&::after{width:126.3px;height:96.1px;inset:unset;left:-12.1vw;top:51px}}}}.marker{width:80px;height:80px}article{width:46vw;h3{margin-top:61px;font-size:32px;line-height:38.73px}}}}#qanda{dl{margin:0 auto;width:843px;.tel.for-mb-tb{display:none}}button{transition-property:box-shadow,translate;transition-duration:.3s;&:hover{box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}}.contact-number{p{width:933px;margin:0 auto}}#contact-main-visual~p{margin-left:calc(calc(100vw - 1120px) / 2);margin-bottom:0}#contact-form{margin-top:34px;margin-right:165px;margin-left:70px;p{text-align:left;margin:0 auto 66px}form{>.column{&.row-pc{margin-left:0;width:unset}label{width:168px;font-size:15px;letter-spacing:-.03em;align-self:center;cursor:pointer}:is(select,input,textarea){width:521px}select{cursor:pointer}.row{align-self:flex-start}.column{width:55vw;margin:unset}}}#privacy-policy{width:689px;align-self:flex-start;&~.row{justify-content:left;gap:13px}dl{margin-left:39px}}input[type='checkbox']{cursor:pointer;&+label{cursor:pointer}}input[type='submit']{width:527px;height:103px;font-size:24px;align-self:flex-start;transition-property:box-shadow,translate;transition-duration:.3s;&:hover:not(:disabled){box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}}.contact-number.for-mb-tb~.row-pc{justify-content:space-around}#contact-form~.contact-number{align-self:start;margin-top:120px;width:382px;gap:14px;p{width:unset}dl{background-color:#F8F8F8;border:none;.for-pc{font-size:20px;font-weight:700;padding:0 16px 13px;position:relative;&::after{content:'';position:absolute;left:50%;bottom:0;display:block;width:312px;height:1px;background-color:#828282;translate:-50%}}dd{&:first-of-type{position:relative;&::before{content:'';position:absolute;left:29.76px;bottom:50%;background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/受話器_オレンジ.webp');background-size:contain;background-position:center;background-repeat:no-repeat;width:29.76px;height:28.49px;translate:0 50%;rotate:27.89deg}}}}}#confirm-main-visual~p{margin-left:calc(calc(100vw - 1120px) / 2);margin-bottom:0}#confirm-form{margin-top:100px;margin-left:200px;margin-right:200px;&+.contact-number{text-align:center;p{width:unset;margin-top:30px;&:nth-of-type(2){width:fit-content;margin:0 auto;position:relative;&::before{content:'';position:absolute;left:-29.76px;bottom:50%;background-image:url('/wp/wp-content/themes/Family Ties wp/assets/imgs/アイコン等写真以外/受話器_オレンジ.webp');background-size:contain;background-position:center;background-repeat:no-repeat;width:29.76px;height:28.49px;translate:0 50%;rotate:27.89deg}}}}form{.column{width:50%;margin-bottom:66px;p{margin:0 auto;&:nth-child(1){margin-left:0;text-align:left}&:nth-child(2){margin-right:0;text-align:right}}}}input[type='submit'],input[type='button']{margin-top:0;font-size:24px;transition-property:box-shadow,translate;transition-duration:.3s;&:hover{cursor:pointer;box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}}#post{width:90%;margin-left:auto;.shadow-container{width:60vw}.row-pc{justify-content:center;gap:4.6vw;.column{&:first-child{width:60vw;>a{transition-duration:.3s;transition-property:box-shadow,translate;&:hover{box-shadow:-4px 4px 2px 2px #8d8d8d;translate:4px -4px}}}&:last-child{width:20vw}}}.column-reverse-pc{justify-content:start}}footer{text-align:center;&#index-footer{.row{.space-maker{.column{p{&:last-child{color:var(--color-orange)}}}}}}.img-container{width:300px;height:77px;margin-bottom:64px;position:relative;&::after{content:'';position:absolute;left:50%;bottom:-86px;display:block;width:1056px;height:2px;background-color:var(--color-orange);translate:-50%;pointer-events:none}}.current{&:hover{p{&:first-child{&::after{background-color:#000}}}}p{&:first-child{position:relative;color:var(--color-orange);&::after{content:'';width:100%;transition-property:background-color;transition-duration:.3s}}}}p{&:first-child{position:relative;&::after{content:'';display:block;width:0;height:3px;position:absolute;left:50%;bottom:-4.5px;translate:-50%;background-color:var(--color-orange);pointer-events:none}}}.row-pc{margin-top:150px;margin-bottom:64px;justify-content:center;position:relative;top:0;left:0;.mouse-stalker{position:absolute;width:61px;height:2.5px;bottom:21.5px;z-index:11;background-color:var(--color-orange);pointer-events:none}.row{margin-left:0;.space-maker{margin-bottom:0;.column{&:hover{p{opacity:1;&:first-child{&::after{width:100%}}}}&.current{p{&:last-child{color:var(--color-orange)}}}p{transition-property:opacity;transition-duration:.3s;&:first-child{&::after{transition-property:width;transition-duration:.3s}}&:last-of-type{color:#000}}}}}}.row-pc{&:hover{p{opacity:.6}}}}@media (width>=1500px){#hero-h1{span:not(.img-container){left:calc(25% - 40px)}}}@property --boundary{syntax:'<percentage>';initial-value:0%;inherits:true}@keyframes verticalLineScroll{0%{transform-origin:top;scale:1 0;top:50px}50%{transform-origin:top;scale:1;top:50px}51%{transform-origin:bottom;scale:1;top:50px}100%{transform-origin:bottom;scale:1 0;top:50px}}@keyframes hoveringAnimVertical{from{translate:100% -40%}to{translate:100% -60%}}@keyframes hoveringAnimHorizontal{from{translate:120% -50%}to{translate:100% -50%}}}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:"";position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}.wpcf7-back{float:left;width:70px;margin-top:5px;position:relative}.cf7msm-ro{white-space:pre-wrap}