.p-navigation__container{width:90.67%;margin-inline:auto}@media screen and (min-width: 48rem){.p-navigation__container{width:100%;max-width:76.8rem;padding-inline:.4rem}}@media screen and (min-width: 64rem){.p-navigation__container{max-width:102.4rem;padding-inline:1.2rem}}.p-navigation{padding-top:3.6rem;padding-bottom:4rem}@media screen and (min-width: 48rem){.p-navigation{padding-top:6rem}}@media screen and (min-width: 64rem){.p-navigation{padding-top:7rem;padding-bottom:7rem}}.p-navigation__container{display:flex;flex-direction:column;align-items:center}.p-navigation__lead{font-weight:500;font-size:1.6rem;line-height:1.75}@media screen and (min-width: 48rem){.p-navigation__lead{width:100%;line-height:2.4rem;text-align:center}}@media screen and (min-width: 64rem){.p-navigation__lead{font-size:1.8rem;line-height:2.6rem}}.p-navigation__list{display:grid;width:100%;margin-top:2.4rem;gap:3rem 0;grid-template-columns:1fr}@media screen and (min-width: 48rem){.p-navigation__list{width:auto;margin-top:3.8rem;gap:5rem 8rem;grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 64rem){.p-navigation__list{grid-template-columns:repeat(3, 1fr)}}.p-navigation-card{width:100%}@media screen and (min-width: 48rem){.p-navigation-card{width:28rem}}.p-navigation-card__link{display:flex;border-radius:1rem;box-shadow:0 2px 6px rgba(34,34,34,.2)}@media screen and (min-width: 48rem){.p-navigation-card__link{flex-direction:column}}@media screen and (min-width: 64rem){.p-navigation-card__link:hover::before,.p-navigation-card__link:focus-visible::before{opacity:0}.p-navigation-card__link:hover i::before,.p-navigation-card__link:hover i::after,.p-navigation-card__link:focus-visible i::before,.p-navigation-card__link:focus-visible i::after{transition-duration:1s}.p-navigation-card__link:hover i::before,.p-navigation-card__link:focus-visible i::before{transform:translateY(-50%) translateX(200%)}.p-navigation-card__link:hover i::after,.p-navigation-card__link:focus-visible i::after{transform:translateY(-50%) translateX(0)}.p-navigation-card__link:hover,.p-navigation-card__link:focus-visible{outline-offset:6px}}@media(any-hover: hover){.p-navigation-card__link .p-navigation-card__body{transition:background-color .3s}.p-navigation-card__link:hover .p-navigation-card__body{background-color:#dcedf7}}.p-navigation-card__link:focus-visible .p-navigation-card__body{background-color:#dcedf7}.p-navigation-card__icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:8rem;border-radius:1rem 0 0 1rem;background:linear-gradient(to bottom, #8bc2e2, #b7e2b2)}@media screen and (min-width: 48rem){.p-navigation-card__icon{width:100%;height:16rem;border-radius:1rem 1rem 0 0}}.p-navigation-card__icon-image{display:block;height:4rem}@media screen and (min-width: 48rem){.p-navigation-card__icon-image--profile{width:5rem;height:auto}}.p-navigation-card__icon-image--policy{height:3.5rem}@media screen and (min-width: 48rem){.p-navigation-card__icon-image--policy{width:auto;height:6rem}}.p-navigation-card__icon-image--message{height:3.5rem}@media screen and (min-width: 48rem){.p-navigation-card__icon-image--message{width:auto;height:6rem}}@media screen and (min-width: 48rem){.p-navigation-card__icon-image--history{width:7rem;height:auto}}@media screen and (min-width: 48rem){.p-navigation-card__icon-image--office{width:7rem;height:auto}}@media screen and (min-width: 48rem){.p-navigation-card__icon-image--recruit{width:5rem;height:auto}}.p-navigation-card__body{display:flex;justify-content:space-between;width:100%;padding:2.6rem 1rem;border-radius:0 1rem 1rem 0}@media screen and (min-width: 48rem){.p-navigation-card__body{padding:1rem 1rem 1rem 1.5rem;border-radius:0 0 1rem 1rem}}.p-navigation-card__title{width:100%;font-size:1.6rem;line-height:2.4rem}@media screen and (min-width: 48rem){.p-navigation-card__title{font-size:1.8rem;line-height:2.6rem}}.p-navigation-card__button{display:flex;justify-content:space-between;align-items:center;position:relative;width:28rem;height:4.4rem;padding-left:2rem;padding-right:.8rem;border:none;border-radius:2.5rem;background-color:#dcedf7}@media screen and (min-width: 64rem){.p-navigation-card__button{width:30rem;height:5rem;padding-left:2.5rem;padding-right:1rem}}@media screen and (min-width: 64rem)and (any-hover: hover){.p-navigation-card__button:hover path{stroke-dashoffset:0}.p-navigation-card__button:hover::before{opacity:0}.p-navigation-card__button:hover i::before,.p-navigation-card__button:hover i::after{transition-duration:1s}.p-navigation-card__button:hover i::before{transform:translateY(-50%) translateX(200%)}.p-navigation-card__button:hover i::after{transform:translateY(-50%) translateX(0)}.p-navigation-card__button:hover{outline-offset:6px}}@media screen and (min-width: 64rem){.p-navigation-card__button:focus-visible path{stroke-dashoffset:0}.p-navigation-card__button:focus-visible::before{opacity:0}.p-navigation-card__button:focus-visible i::before,.p-navigation-card__button:focus-visible i::after{transition-duration:1s}.p-navigation-card__button:focus-visible i::before{transform:translateY(-50%) translateX(200%)}.p-navigation-card__button:focus-visible i::after{transform:translateY(-50%) translateX(0)}.p-navigation-card__button:focus-visible{outline-offset:6px}}.p-navigation-card__button::before{position:absolute;border:solid 2px #1987c6;border-radius:inherit;content:"";transition:opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1);inset:0}@media screen and (min-width: 64rem){.p-navigation-card__button::before{border:solid 2px #e9e9ea}}.p-navigation-card__button{margin-top:3rem;margin-inline:auto}.p-navigation-card__button-text{position:relative;z-index:1;font-size:1.6rem}@media screen and (min-width: 64rem){.p-navigation-card__button-text{font-size:1.8rem}}.p-navigation-card__button-arrow{position:relative;z-index:1;width:2.8rem;height:2.8rem;overflow:hidden;border-radius:50%;background-color:#1987c6}@media screen and (min-width: 64rem){.p-navigation-card__button-arrow{width:3rem;height:3rem}}.p-navigation-card__button-arrow-icon{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.p-navigation-card__button-arrow-icon::before,.p-navigation-card__button-arrow-icon::after{position:absolute;top:50%;left:.8rem;transform:translateY(-50%) translateX(0);width:1.4rem;height:2rem;background-image:url("../../images/common/icon/arrow.webp");background-position:bottom;background-size:cover;background-repeat:no-repeat;content:"";transition:transform 0s cubic-bezier(0.19, 1, 0.22, 1);will-change:transform}@supports not (background-image: url("../../images/common/icon/arrow.webp")){.p-navigation-card__button-arrow-icon::before,.p-navigation-card__button-arrow-icon::after{background-image:url("../../images/common/icon/arrow.png")}}@media screen and (min-width: 64rem){.p-navigation-card__button-arrow-icon::before,.p-navigation-card__button-arrow-icon::after{width:1.6rem;height:2.4rem}}.p-navigation-card__button-arrow-icon::before{transform:translateY(-50%) translateX(0)}.p-navigation-card__button-arrow-icon::after{transform:translateY(-50%) translateX(-200%)}.p-navigation-card__button-arrow{display:block;flex-shrink:0}.p-navigation-card__button-arrow-icon::before{background-image:url("../../images/common/icon/arrow.webp")}.p-navigation-card__button-arrow-icon::after{background-image:url("../../images/common/icon/arrow.webp")}.p-navigation-card__button-hover{display:none;position:absolute;width:100%;height:100%;inset:0;pointer-events:none}@media screen and (min-width: 64rem){.p-navigation-card__button-hover{display:block}}.p-navigation-card__button-hover path{transition:stroke-dashoffset 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);fill:none;stroke:#1987c6;stroke-dasharray:1.1;stroke-dashoffset:1.1;stroke-width:2}
