@charset "UTF-8";

/* �^�u�ؑւ� */
.content-navi{display:flex;flex-wrap:wrap;gap:10px 3%;margin-bottom:40px}
@media (min-width: 48em){.content-navi{gap:10px 1.25%}}
.content-navi li{width:48.5%;display:flex;color:var(--c-primary)}
@media (min-width: 48em){.content-navi li{width:11.1%}}
.content-navi li.active span{background-color:var(--c-primary);color:#fff}
.content-navi li.active span svg{color:#fff}
.content-navi li a,.content-navi li span{width:100%;min-height:36px;display:flex;justify-content:center;align-items:center;text-align:center;border:var(--c-primary) solid 1px;border-radius:32px;padding:6px 10px;font-size:1.4rem;line-height:1.22;cursor:pointer}
@media (min-width: 48em){.content-navi li a,.content-navi li span{min-height:initial;font-size:min(1.45vw,15px);aspect-ratio:23/7;transition-duration:.4s;transition-property:background-color,color}}
@media (min-width: 48em){.content-navi li a:hover,.content-navi li span:hover{background-color:var(--c-primary);color:#fff}}
@media (min-width: 48em){.content-navi li a:hover svg,.content-navi li span:hover svg{color:#fff}}
.content-navi li a svg,.content-navi li span svg{display:inline-block;width:auto;color:var(--c-primary);margin-left:10px}.sp-scroll{overflow-x:auto}

.tab-content>div{display:none}
.tab-content>div.active{display:block}