@layer components{.card04{color:#fff;text-align:center;font-feature-settings:"palt";border-radius:2rem;display:block;position:relative}.card04_img{border-radius:inherit;display:-webkit-flex;display:flex;overflow:hidden}.card04_img img{-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 1s cubic-bezier(.54,.02,0,.9),transform 1s cubic-bezier(.54,.02,0,.9);width:100%!important;height:100%!important}.card04_img img.is-top{-o-object-position:50% 0;object-position:50% 0}.card04_img img{opacity:1!important}:where(a:hover) .card04_img img{-webkit-transform:scale(1.2);transform:scale(1.2)}.card04_textbox{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;gap:2.5rem;width:100%;display:-webkit-flex;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card04_en{font-size:2.125em;font-weight:400;line-height:1}.card04_arrow{aspect-ratio:1;width:3.75em;margin-top:1rem}.card04_arrow *{transition:fill .4s}.card04_arrow circle{fill:#fff}:where(a:hover) .card04_arrow circle{fill:var(--kc01)}.card04_arrow polygon{fill:var(--kc01)}:where(a:hover) .card04_arrow polygon{fill:#fff}@media screen and (max-width:1024px) and (orientation:portrait){.card04{border-radius:1rem}.card04_img{aspect-ratio:6/4}.card04_img img{-o-object-position:50% 10%;object-position:50% 10%}.card04_textbox{gap:2rem}.card04_arrow{display:none}}.subnav01{margin-top:18rem}.subnav01_list{-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:3rem;line-height:1.2;display:-webkit-flex;display:flex}.subnav01_list li{width:-webkit-calc((100% - 6rem) / 3);width:calc(33.3333% - 2rem)}@media screen and (max-width:1024px) and (orientation:portrait){.subnav01{margin-top:8rem;padding:0 3rem}.subnav01_list li{width:100%}}}:root{--page-id:subnav01}