:root{--page-id:subnav02}@layer components{.subnav02{z-index:3;background:#fff;border:max(.1rem,1px) solid;border-radius:3em;width:110rem;margin:0 auto;padding:1em 2em;line-height:1.2;position:-webkit-sticky;position:sticky;top:10rem;left:0;overflow:hidden}.subnav02_item{width:unset!important}.subnav02 a{-webkit-align-items:center;align-items:center;gap:0;display:-webkit-flex;display:flex}.subnav02 a:after{content:"";aspect-ratio:1;-webkit-mask:var(--icon05) 50% 50%/contain no-repeat;-webkit-mask:var(--icon05) 50% 50%/contain no-repeat;mask:var(--icon05) 50% 50%/contain no-repeat;background-color:currentColor;width:1em;margin-left:.4em}.subnav02 .is-small{font-size:.875em;display:inline-block;-webkit-transform:translateY(.1em);transform:translateY(.1em)}@media screen and (min-width:1025px),screen and (min-width:480px) and (orientation:landscape){.subnav02_list{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:2rem 4rem;display:-webkit-flex;display:flex}}@media screen and (max-width:1024px) and (orientation:portrait){.subnav02{width:unset;top:-webkit-calc(100% - 8rem);margin:0 1rem;padding:1.5rem 3rem;font-size:1.4rem;top:calc(100% - 8rem)}.subnav02_item{padding:0 1em}.subnav02_item:nth-child(n+2){border-left:max(.1rem,1px) solid #ddd}.subnav02 :not(.swiper-slide-active)>a{color:#888}}}