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:transparent;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}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,font-weight,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%}article{display:block;position:absolute;right:0;bottom:0;z-index:-1;width:623px;height:448px;h2{color:#fff;font-size:18px;font-weight:400;text-align:right;writing-mode:vertical-rl;margin:30px 53px 0 auto;&:after{content:none}}p{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}>article{position:relative;bottom:365px;width:623px;height:unset;display:block;margin:0 0 0 auto;h2{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:transparent solid 3px;margin-left:13.5vw;transition-property:color,background-color,border;transition-duration:.3s;&:hover{color:var(--color-gold);background-color:white;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:white;&: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(2){height:654px}}.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:transparent 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:0px 4px 4px 0px #00000040}}}}>a{border:transparent 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:white;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:transparent 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:white;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:0.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-size:180%;background-position:65% 18%}&:nth-child(2){background-size:180%;background-position:49% 18%}&:nth-child(3){background-size:190%;background-position:53% 40%}&:nth-child(4){background-size:380%;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:transparent}}.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 transparent;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(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/施術中.jpg)}}&:nth-of-type(2){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/PÖANA受付.webp)}}&:nth-of-type(3){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ドライビング中.webp)}}&:nth-of-type(4){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/トリミング中.jpg)}}}}&:last-child{.blueback{&:nth-of-type(1){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/モニター.JPG)}}&:nth-of-type(2){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/ムッキムキな男性.jpg)}}&:nth-of-type(3){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/写真/作業中.webp)}}&:nth-of-type(4){&:before{background-image:url(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../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 transparent;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{h3{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{h3{font-size:24px}article{flex:809;div{margin-right:0;margin-left:0;margin-bottom:0}}.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(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/受話器_オレンジ.png);margin-right:4px}}#posts{align-items:center;p{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;h3{font-size:20px;font-weight:700;background-color:transparent;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}div{border-color:var(--color-orange);border-radius:0px 0px 10px 10px;button{&:before{max-width:156px}}}}#archive{div{button{&:hover{color:#a0a0a0;&:after{animation:hoveringAnimVertical .3s infinite alternate}}}}}#category{div{button{&:hover{color:#a0a0a0;&:after{animation:hoveringAnimHorizontal .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(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/受話器_オレンジ.png);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:34px;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(//familyties.works/wp/wp-content/themes/Family%20Ties%20wp/css/../assets/imgs/アイコン等写真以外/受話器_オレンジ.png);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}}}}@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%}}