.AboutIntro{width:100%}.AboutIntro__header{text-align:left;gap:.8vh;margin-bottom:0}@media only screen and (min-width:768px){.AboutIntro__header{text-align:center;gap:8px;margin-bottom:32px}}.AboutIntro__subtitle{line-height:1.5}.AboutIntro__break{display:none}@media only screen and (min-width:768px){.AboutIntro__break{display:block}}.AboutIntro__breadcrumb{margin-bottom:4vh;display:block}@media only screen and (min-width:768px){.AboutIntro__breadcrumb{display:none}}.AboutIntro__main{flex-direction:column;gap:2.4vh;display:flex}@media only screen and (min-width:768px){.AboutIntro__main{flex-direction:row;align-items:flex-start;gap:48px}}.AboutIntro__content{flex-direction:column;display:flex}@media only screen and (min-width:768px){.AboutIntro__content{flex:1 1 0;min-width:0}}.AboutIntro__steps{flex-direction:column;gap:1.6vh;display:flex}@media only screen and (min-width:768px){.AboutIntro__steps{gap:16px}}.AboutIntro__step{align-items:center;gap:3.2vh;display:flex}@media only screen and (min-width:768px){.AboutIntro__step{gap:32px}}.AboutIntro__number{border:1px solid var(--color-primary);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:5vh;height:6vh;display:flex}@media only screen and (min-width:768px){.AboutIntro__number{width:50px;height:60px}}.AboutIntro__media{display:none}@media only screen and (min-width:768px){.AboutIntro__media{flex:0 0 clamp(400px,40vw,540px);display:block}}.AboutIntro__top{flex-direction:row;align-items:flex-start;gap:1.6vh;margin-bottom:3.2vh;display:flex}@media only screen and (min-width:768px){.AboutIntro__top{display:contents}}.AboutIntro__media-mobile{flex-shrink:0;width:20vh}@media only screen and (min-width:768px){.AboutIntro__media-mobile{display:none}}
.NavigationCard{border:1px solid var(--color-border-light-2);background:var(--color-white);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1.6vh;width:100%;height:19vh;padding:2.4vh;display:flex}.NavigationCard:hover{border-color:var(--color-primary);transition:border-color .2s}@media only screen and (min-width:768px){.NavigationCard{gap:clamp(8px,1vw,16px);height:130px;padding-block:clamp(10px,.8vw,24px);padding-inline:clamp(10px,.8vw,24px)}}.NavigationCard__title{text-align:center;line-height:1.2}
.NavigationCardList{grid-template-columns:repeat(2,1fr);gap:8px 19px;display:grid}@media only screen and (min-width:768px) and (max-width:991.98px){.NavigationCardList{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.NavigationCardList{grid-template-columns:repeat(6,1fr);gap:16px}}