@layer components{.c-intro{position:relative;max-width:1920px;margin:0 auto;padding-bottom:0}@media (min-width:701px){.c-intro{height:100vh}}.c-intro__chapo__heading{font-family:var(--font-display);font-size:4rem;line-height:1.1;letter-spacing:-.06em;font-weight:400;color:#1e2432;margin:0 0 1.5rem}@media (max-width:1400px){.c-intro__chapo__heading{font-size:clamp(2rem,4.44vw,4rem)}}@media (max-width:700px){.c-intro__chapo__heading{font-size:30px;line-height:1.4;letter-spacing:-.03em;margin:0 auto 1.25rem}}.c-intro__chapo{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:48.2%;height:50vh;z-index:1;padding:0 5vw 0 88px;position:absolute;top:0;left:0}@media (max-width:700px){.c-intro__chapo{display:block;position:relative;width:100%;height:auto;padding:95px 6.66667vw 85px;text-align:center}.c-intro__chapo p{width:100%;position:static;top:auto;left:auto}}.c-intro__chapo__inner{position:relative;padding:0 0 1px}@media (max-width:700px){.c-intro__chapo__inner{max-width:360px;margin:0 auto}}.c-intro__chapo p{font-size:1.0625rem;line-height:1.7;color:#687086}@media (max-width:1400px){.c-intro__chapo p{font-size:clamp(.875rem,1.1vw,1.0625rem)}}@media (max-width:700px){.c-intro__chapo p{font-size:14px}}.c-intro__chapo--proxy{position:relative;pointer-events:none}@media (max-width:700px){.c-intro__chapo--proxy{display:none}}.c-intro__item__container{display:block;width:100%;height:auto;position:relative}.c-intro__item__wrapper{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}@media (max-width:700px){.c-intro__item__wrapper{flex-wrap:nowrap;position:relative;justify-content:flex-start;align-items:flex-start;padding:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.c-intro__item__wrapper.dragged .c-intro__item{transform:scale(.95)}}.c-intro__item{position:relative;z-index:0;width:25.9%;height:50vh;box-sizing:border-box}@media (min-width:701px){.c-intro__item:hover{z-index:1}.c-intro__item:hover .c-intro__item__background{transform:scale(1.05);box-shadow:0 1.38889vw 2.77778vw rgba(0,0,0,.05);box-shadow:0 calc(1.38889 * var(--vw)) calc(2.77778 * var(--vw)) rgba(0,0,0,.05)}.c-intro__item:hover .c-intro__item__background__hover{transform:translate(-50%,50%) scale(1)}.c-intro__item:hover .c-intro__item__content{transform:translateY(-1.875rem)}.c-intro__item:hover .c-intro__item__description{transform:translateY(-1.875rem);opacity:1}.c-intro__item:hover .c-intro__item__button{transform:scale(1.1);box-shadow:0 .27778vw .27778vw rgba(0,0,0,.1);box-shadow:0 calc(.27778 * var(--vw)) calc(.27778 * var(--vw)) rgba(0,0,0,.1)}.c-intro__item:hover .c-intro__item__button__hover{opacity:1}}@media (max-width:700px){.c-intro__item{width:263px;height:263px;flex:0 0 auto;margin:0 10px;position:relative;transform:scale(1);transition:transform .25s cubic-bezier(.165,.84,.44,1)}.c-intro__item:nth-child(n+4){width:263px}}.c-intro__item__background{position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:50% 100%;box-shadow:none;transform:scale(1);transition:all .5s cubic-bezier(.165,.84,.44,1);transition-property:transform,box-shadow;overflow:hidden}.c-intro__item__background__hover{display:block;width:230%;height:230%;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) scale(0);opacity:1;transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.895,.03,.685,.22)}.c-intro__item:nth-child(odd) .c-intro__item__background{background-color:#fff}.c-intro__item:nth-child(odd) .c-intro__item__background__hover{background-color:#f7f9fb}.c-intro__item:nth-child(odd):hover .c-intro__item__background__hover{opacity:0}.c-intro__item:nth-child(2n) .c-intro__item__background{background-color:#f7f9fb}.c-intro__item:nth-child(2n) .c-intro__item__background__hover,.c-intro__item:nth-child(2n) .c-intro__item__button{background-color:#fff}.c-intro__item:nth-child(2n) .c-intro__item__button__hover{background-color:#f7f9fb}@media (max-width:700px){.c-intro__item .c-intro__item__background{background-color:#f7f9fb!important}.c-intro__item .c-intro__item__button{background-color:#fff!important}}.c-intro__item a{display:block;width:100%;height:100%;padding:4.79167vw 3.47222vw;padding:calc(4.79167 * var(--vw)) calc(3.47222 * var(--vw));color:#000;text-decoration:none;position:relative}@media (max-width:700px){.c-intro__item a{padding:17px 40px}}.c-intro__item__content{transform:translateY(0);transition:transform .5s cubic-bezier(.165,.84,.44,1)}.c-intro__item__icon{display:flex;height:3.47222vw;height:calc(3.47222 * var(--vw));align-items:flex-end;justify-content:flex-start;position:relative}.c-intro__item__icon,.c-intro__item__icon svg{width:6.94444vw;width:calc(6.94444 * var(--vw))}.c-intro__item__icon svg{height:auto;position:absolute;top:50%;left:-1.38889vw;left:calc(-1.38889 * var(--vw));margin-top:-3.47222vw;margin-top:calc(-3.47222 * var(--vw))}@media (max-width:700px){.c-intro__item__icon{width:60px;height:50px}.c-intro__item__icon svg{width:100px;height:100px;left:-20px;margin-top:-50px}}.c-intro__item h3{font-size:1.6875rem;line-height:1.11;font-weight:400;margin:1.125rem 0 0}@media (max-width:1400px){.c-intro__item h3{font-size:1.875vw;font-size:calc(1.875 * var(--vw))}}@media (max-width:700px){.c-intro__item h3{font-size:22px;line-height:24px;margin:1em 0 0}}.c-intro__item__description{font-weight:400;font-size:.9375rem;line-height:1.47;margin:1.25rem -.69444vw 0 0;margin:1.25rem calc(-.69444 * var(--vw)) 0 0;transform:translateY(0);opacity:0;transition:all .5s cubic-bezier(.165,.84,.44,1);transition-property:transform,opacity}@media (max-width:1400px){.c-intro__item__description{font-size:1.04167vw;font-size:calc(1.04167 * var(--vw))}}@media (max-width:1200px){.c-intro__item__description{margin:1.25rem 0 0}}.c-intro__item__button__wrapper{width:2.875rem;height:2.875rem;position:absolute;right:3.47222vw;right:calc(3.47222 * var(--vw));bottom:3.47222vw;bottom:calc(3.47222 * var(--vw))}@media (max-width:1400px){.c-intro__item__button__wrapper{right:2.77778vw;right:calc(2.77778 * var(--vw));bottom:2.77778vw;bottom:calc(2.77778 * var(--vw))}}@media (max-width:1200px){.c-intro__item__button__wrapper{right:2.08333vw;right:calc(2.08333 * var(--vw));bottom:2.08333vw;bottom:calc(2.08333 * var(--vw))}}@media (max-width:700px){.c-intro__item__button__wrapper{width:40px;height:40px;right:30px;bottom:30px}}.c-intro__item__button{display:block;position:relative;width:100%;height:100%;border-radius:50%;background-color:#f7f9fb;box-shadow:none;transform:scale(1);transition:all .5s cubic-bezier(.165,.84,.44,1);transition-property:transform,box-shadow;overflow:hidden}.c-intro__item__button__hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#fff;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.c-intro__item__button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:.8125rem;height:.8125rem}@media (max-width:700px){.c-intro__item__button svg{width:10px;height:auto}}.o-txt--grey{color:#687086}.o-txt--small{font-size:.9375rem;line-height:1.47}@media (max-width:1400px){.o-txt--small{font-size:1.04167vw;font-size:calc(1.04167 * var(--vw))}}@media (max-width:700px){.o-txt--small{font-size:14px}}}