.page-training.page-training{--line:var(--border-sub);overflow-x:clip;position:relative;.heart-object{position:absolute;right:42rem;top:-80rem;width:238rem;@media screen and (max-width:768px){right:5rem;top:-20rem;width:100rem}}.subpage-fv{.title{padding-inline:9rem;@media screen and (max-width:768px){padding-inline:2rem}}}.aside-container{display:grid;grid-template-columns:1fr 31rem;margin-top:5rem;padding-bottom:12rem;@media screen and (max-width:768px){display:block;margin-top:3rem;padding-bottom:2rem}aside{height:100%;position:relative;@media screen and (max-width:768px){display:none}}nav{padding-inline:6rem 4rem;position:sticky;text-align:right;top:calc(var(--header-height) + 1rem);.hd{border-bottom:max(.1rem,1px) solid var(--black-through);font-size:1.8rem;font-weight:500;padding-bottom:1em}a{color:var(--black-through);display:block;font-size:1.4rem;line-height:1.5;margin-top:3rem;transition:color .4s;@media (any-hover:hover){&:not(.current):hover{color:var(--black-through-hover);transition:color .1s}}&.current{color:var(--black)}}}}.contents{isolation:isolate;padding-left:9rem;@media screen and (max-width:768px){padding-inline:2rem}.contents-row{display:grid;grid-template-columns:40rem 1fr;padding-bottom:8rem;padding-top:9rem;@media screen and (max-width:768px){grid-template-columns:1fr;padding-bottom:4rem;padding-top:4rem}&+.contents-row{border-top:var(--line) solid max(.1rem,1px)}h2{border-bottom:.4rem solid var(--accent);font-family:var(--font-zen);font-size:3.8rem;font-weight:500;height:fit-content;padding-bottom:1.2rem;width:fit-content;@media screen and (max-width:768px){border-bottom-color:var(--accent);border-bottom-style:solid;border-bottom-width:.3rem;font-size:2.4rem;padding-bottom:.3em}}}.contents-column{@media screen and (max-width:768px){margin-top:2rem}&.contents01{.goals-wrap{margin-top:8rem;position:relative;.en{color:#cecece;font-family:var(--font-outfit);font-size:7.8rem;font-weight:500;position:absolute;top:-3rem;z-index:3;@media screen and (max-width:768px){font-size:4rem}}ul{--goal-width:28.5rem;height:var(--goal-width);position:relative;@media screen and (max-width:768px){--goal-width:48vw;height:calc(var(--goal-width)*1.75)}li{border-radius:50%;height:var(--goal-width);padding-top:9rem;position:absolute;top:0;width:var(--goal-width);@media screen and (max-width:768px){align-items:center;display:flex;flex-direction:column;gap:0;padding-top:5rem;&>br{display:none}}&:first-child,&:nth-child(4){padding-left:3rem;@media screen and (max-width:768px){left:calc(50% - var(--goal-width)/2);padding-left:0}}&:nth-child(2),&:nth-child(5){left:calc(50% - var(--goal-width)/2);padding-left:5.5rem;@media screen and (max-width:768px){bottom:0;left:0;padding-left:0;top:auto}}&:nth-child(3),&:nth-child(6){padding-left:5.5rem;right:0;@media screen and (max-width:768px){bottom:0;padding-left:0;top:auto}}&:first-child,&:nth-child(2),&:nth-child(3){&:before{background-color:#f9f9f9;border-radius:50%;content:"";height:calc(100% - 1.4rem);left:.7rem;position:absolute;top:.7rem;width:calc(100% - 1.4rem);z-index:-1}}&:nth-child(4),&:nth-child(5),&:nth-child(6){background:url(https://45462627.fs1.hubspotusercontent-na2.net/hubfs/45462627/raw_assets/public/Rodina_Recruit/images/training/goals_border.svg) no-repeat 50%/cover;z-index:2}span{color:var(--accent);font-family:var(--font-outfit);font-size:1.4rem;font-weight:500;@media screen and (max-width:768px){display:inline-block;font-size:1.2rem}}p{font-feature-settings:"palt";font-size:1.8rem;font-weight:500;line-height:1.667;@media screen and (max-width:768px){font-size:1.3rem;text-align:center}}}}}}&.contents02{h3{align-items:center;display:flex;gap:.8rem;span{font-family:var(--font-zen);font-size:2.6rem;font-weight:500;@media screen and (max-width:768px){font-size:1.6rem}}img{width:3.4rem}}.readText{margin-top:2rem}.image{margin-top:3rem}}&.contents03{ul{@media screen and (max-width:768px){margin-top:2rem}li{align-items:center;display:flex;gap:2rem;padding-bottom:3rem;@media screen and (max-width:768px){align-items:flex-start}&+li{border-top:max(.1rem,1px) solid var(--line);padding-top:3rem}img{width:10rem;@media screen and (max-width:768px){width:5rem}}.text-wrap{.hd{display:flex;gap:.5rem;span{color:var(--accent);font-family:var(--font-outfit);font-size:1.2rem;font-weight:500;@media screen and (max-width:768px){font-size:1rem}}h3{font-family:var(--font-zen);font-size:2rem;font-weight:500;@media screen and (max-width:768px){font-size:1.8rem}}}.readText{line-height:1.8;margin-top:1rem}}}}}&.contents04{ul{li{padding-bottom:5rem;@media screen and (max-width:768px){padding-top:4rem;&:last-child{padding-bottom:0}}&+li{border-top:max(.1rem,1px) solid var(--line);padding-top:7rem;@media screen and (max-width:768px){padding-top:4rem}}img{margin-inline:auto;&.image01{width:29rem;@media screen and (max-width:768px){width:16rem}}&.image02{width:40rem;@media screen and (max-width:768px){width:22rem}}&.image03{width:28rem;@media screen and (max-width:768px){width:16rem}}}.num{color:#d8d8d8;font-family:var(--font-outfit);font-size:2.1rem;font-weight:700;margin-top:1rem}h3{color:var(--accent);font-family:var(--font-zen);font-size:3rem;font-weight:500;line-height:1.5;margin-top:1rem;@media screen and (max-width:768px){font-size:2.4rem}}.readText{margin-top:2rem}}}}&.contents05{.step-wrap{--step-width:19rem;height:44rem;position:relative;@media screen and (max-width:768px){--step-width:calc(50vw - 3rem);height:calc(var(--step-width)*3.6)}.step{background:url(https://45462627.fs1.hubspotusercontent-na2.net/hubfs/45462627/raw_assets/public/Rodina_Recruit/images/training/step_border.svg) no-repeat 50%/cover;display:flex;flex-direction:column;height:var(--step-width);justify-content:flex-end;padding-bottom:4.5rem;position:absolute;text-align:center;width:var(--step-width);@media screen and (max-width:768px){padding-bottom:3.5rem}img{margin-inline:auto}h3{font-size:1.4rem;font-weight:500;line-height:1.5;margin-top:1rem}&.center{left:calc(50% - var(--step-width)/2);top:0;img{width:6.2rem}@media screen and (max-width:768px){top:calc(50% - var(--step-width)/2)}}&.step01{left:0;top:0;img{width:5.2rem}}&.step02{bottom:0;left:calc(25% - var(--step-width)/4);img{width:4.9rem}@media screen and (max-width:768px){bottom:auto;left:auto;right:0;top:0}}&.step03{bottom:0;right:calc(25% - var(--step-width)/4);img{width:4.9rem}@media screen and (max-width:768px){left:0;right:auto}}&.step04{right:0;top:0;img{width:4.9rem}@media screen and (max-width:768px){bottom:0;top:auto}}}.step-arrow{left:50%;position:absolute;top:8.6rem;transform-origin:left center;width:6rem;@media screen and (max-width:768px){top:calc(50% - 1rem);width:5rem}&.arrow01{transform:rotate(180deg) translateX(12rem);@media screen and (max-width:768px){transform:rotate(-115deg) translateX(8.5rem)}}&.arrow02{transform:rotate(122deg) translateX(12rem);@media screen and (max-width:768px){transform:rotate(-65deg) translateX(8.5rem)}}&.arrow03{transform:rotate(58deg) translateX(12rem);@media screen and (max-width:768px){transform:rotate(115deg) translateX(8.5rem)}}&.arrow04{transform:translateX(12rem);@media screen and (max-width:768px){transform:rotate(65deg) translateX(8.5rem)}}}}.readText{margin-top:4rem;@media screen and (max-width:768px){margin-top:3rem}}}}}.recruit-btn{padding-block:2rem 6rem;@media screen and (max-width:768px){padding-block:2rem 2rem}}}