/* --------------------------------------------------------------------------
  LOCAL NAVI
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .sp-local-navi__close,
  .sp-local-navi__open{
    display: none;
  }
  .side-nav {
    position: sticky;
    top: calc(136 / var(--font-size) * 1rem);
    overflow-y:auto;
    max-height:calc(100vh - calc(194 / var(--font-size) * 1rem));
    border-radius: calc(10 / var(--font-size) * 1rem) 0 0 calc(10 / var(--font-size) * 1rem);
  }
  .side-nav__container {
    background: var(--bg-sub-color);
  }
  .side-nav__body {
    padding-bottom: calc(18 / var(--font-size) * 1rem);
  }
  .side-nav__head {
  }
  .side-nav__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .side-nav__btn .c-btn{
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .side-nav__btn + .side-nav__btn .c-btn{
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .side-nav-lv1__section {
  }
  .side-nav-lv1__section--current {
  }
  .side-nav-lv1__section--current .side-nav-lv1__body {
    margin: 0 calc(24 / var(--font-size) * 1rem);
  }
  .side-nav-lv1__section + .side-nav-lv1__section {
    margin-top: 1.875rem;
  }
  .side-nav-lv1-heading {
    font-size: calc(var(--text-size-m) / var(--font-size) * 1rem);
    font-weight: 700;
    letter-spacing: calc(50 / 1000 * 1em);
  }
  .side-nav-lv1-heading .side-nav-lv1-heading__label {
    display: block;
    line-height: 1.6;
  }
  .side-nav-lv1-heading a {
    display: flex;
    align-items: center;
    transition:0.3s ease;
  }
  .side-nav-lv1-heading a:hover {
    color: var(--main-color);
  }
  .side-nav-lv1-heading__icon {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
    background-color: var(--main-color);
    border-radius: calc(8 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.625rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
  }
  .side-nav-lv1__section--current .side-nav-lv1-heading__icon {
    display: none;
  }
  .side-nav-lv1-heading__icon svg {
    width: calc(5 / var(--font-size) * 1rem);
    height: calc(8 / var(--font-size) * 1rem);
    fill: #fff;
  }
  .side-nav-lv1__section--current .side-nav-lv1-heading {
    padding:calc(24 / var(--font-size) * 1rem) 0 calc(16 / var(--font-size) * 1rem);
    pointer-events: none;
  }
  .side-nav-lv1-heading__text{
    display: block;
  }
  .side-nav-lv1-heading__sub{
    padding-bottom: calc(6 / var(--font-size) * 1rem);
    font-size: calc(var(--text-size-xs) / var(--font-size)* 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    margin-top: calc(12 / var(--font-size) * 1rem);
  }

  .side-nav-lv1-list {
    padding-top: calc(18 / var(--font-size) * 1rem);
    border-top: 1px solid var(--sub-color);
  }
  .side-nav-lv1-list__item {
  }
  .side-nav-lv1-list__item + .side-nav-lv1-list__item {
  }
  .side-nav-lv1-list__item:has(.side-nav-lv2__section) + .side-nav-lv1-list__item{
    margin-top: calc(12 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__text.--border{
    padding:calc(16 / var(--font-size) * 1rem) 0 0 0;
    border-top:calc(1 / var(--font-size) * 1rem) solid var(--sub-color);
    border-left:0;
    border-right:0;
  }
  .side-nav-lv1-list__item.--border{
    padding:calc(16 / var(--font-size) * 1rem) 0;
    border-top:calc(1 / var(--font-size) * 1rem) solid var(--sub-color);
    border-left:0;
    border-right:0;
  }
  .side-nav-lv1-list__text.--border{
    margin-top: calc(18 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__item.--border .side-nav-lv1-list__text{
    padding-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .side-nav-lv1-list__item:last-child{
    padding-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .side-nav-lv1-list__item:last-child .side-nav-lv1-list__text{
    padding-bottom: 0;
  }
  .side-nav-lv1-list__item.--margin-top{
    margin-top:calc(16 / var(--font-size) * 1rem);
  }
  .side-nav-lv1-list__item.--no-icon .side-nav-lv1-list__text a{
    padding-left: 0;
  }
  .side-nav-lv1-list__item.--no-icon .side-nav-lv2-list__item.--no-icon{
    padding-left: calc(22 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__item:first-child{
    border-top:0;
  }
  .side-nav-lv1-list__text {
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .side-nav-lv1-list__item:nth-of-type(1) .side-nav-lv1-list__text {
  }
  .side-nav-lv1-list__text a {
    display: block;
    padding: calc(8 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    position: relative;
  }
  .side-nav-lv1-list__icon {
    width:calc(17 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto 0;
  }
  .side-nav-lv1-list__icon svg{
    width: 100%;
    height: 100%;
    fill: var(--text-color);
    transition: 0.3s ease;
  }
  .side-nav-lv1-list__link {
    padding-left: calc(30 / var(--font-size) * 1rem);
    display: block;
    width:100%;
    height:100%;
    color: var(--text-color);
    transition: 0.3s ease;
  }
  .side-nav-lv1-list__link:hover {
    color: var(--main-color);
  }
  .side-nav-lv1-list__link--current {
    color: var(--main-color);
    pointer-events: none;
  }
  .side-nav-lv1-list__link:hover .side-nav-lv1-list__icon svg,
  .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg{
    fill: var(--main-color);
  }
  /* lv2 */
  .side-nav-lv2__section {
    display: none;
  }
  .side-nav-lv2__section--current {
    display: block;
  }
  .side-nav-lv2__section.is-show {
    display: block;
  }
  .side-nav-lv2__section.is-show .side-nav-lv2-list__link{
  }
  .side-nav-lv2__section .side-nav-lv2__section{
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .side-nav-lv2-list__item {
    padding-left: calc(22 / var(--font-size) * 1rem);
  }
  .side-nav-lv2-list__item--tab{
    display: none;
  }
  .l-container:has(.type-tab[data-opened="1"]) .side-nav-lv2-list__item--tab1{
    display: block;
  }
  .l-container:has(.type-tab[data-opened="2"])  .side-nav-lv2-list__item--tab2{
    display: block;
  }
  .l-container:has(.type-tab[data-opened="3"])  .side-nav-lv2-list__item--tab3{
    display: block;
  }
  .side-nav-lv2-list__item.--no-indent{
    padding-left: 0;
  }
  .side-nav-lv2-list__item.--no-icon{
    padding-left: 0;
  }
  .side-nav-lv2-list__item.--no-icon .side-nav-lv2-list__icon{
    padding-left: 0;
    display: none;
  }
  .side-nav-lv2-list__item.--no-icon .side-nav-lv2-list__icon .side-nav-lv2-list__text,
  .side-nav-lv2-list__item.--no-icon .side-nav-lv2-list__link{
    padding-left: 0;
  }
  .side-nav-lv2-list__item.--indent .side-nav-lv2-list__link{
    padding-left: calc(22 / var(--font-size) * 1rem);
  }
  .side-nav-lv2-list__text a {
    padding-left: calc(22 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    position: relative;
    transition:0.3s ease;
  }
  .side-nav-lv2-list__text a:hover {
    color: var(--main-color);
  }
  .side-nav-lv2-list__icon svg {
    transition:0.3s ease;
  }
  .side-nav-lv2-list__text a:hover .side-nav-lv2-list__icon svg {
    fill: var(--main-color);
  }
  a.is-anchor-active {
    color: var(--color-white);
  }
  .side-nav-lv2-list__link--current {
    color: var(--main-color);
    pointer-events: none;
    font-weight: bold;
  }
  .side-nav-lv2-list__link--current .side-nav-lv2-list__icon svg{
    fill: var(--main-color);
  }
  .side-nav__section-list{
    position: relative;
  }
  .side-nav-lv1-list__text + .side-nav__section-list{
    margin-top: calc(8 / var(--font-size)* 1rem);
    margin-bottom: calc(10 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__item:last-child .side-nav-lv1-list__text + .side-nav__section-list{
    margin-bottom: 0
  }
  .side-nav__section-list a{
  }
  .side-nav__section-list .side-nav-lv2-list__item + .side-nav-lv2-list__item{
    margin-top: calc(16 / var(--font-size)* 1rem);
  }
  .side-nav__section-list a.is-anchor-active {
    color: var(--main-color);
  }
  .side-nav__section-list a.is-anchor-active .side-nav-lv2-list__icon svg{
    fill: var(--main-color);
  }
  .side-nav-lv1-list__item.is-normal-column{
    padding-bottom: calc(22 / var(--font-size)* 1rem);
  }
  .side-nav__section-list.is-normal:before{
    display: none;
  }
  .side-nav-lv2-list__icon {
    width:calc(17 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(2 / var(--font-size) * 1rem);
    left:0;
    margin:auto 0;
  }
  .side-nav-lv2-list__icon svg{
    width: 100%;
    height: 100%;
    fill: var(--text-color);
  }

  
  /* lv3 */
  .side-nav-lv3__section {
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .side-nav-lv3__section--current {
    display: block;
  }
  .side-nav-lv3__section.is-show {
    display: block;
  }
  .side-nav-lv3__section.is-show .side-nav-lv3-list__link{
  }
  .side-nav-lv3__section.is-hide{
    display: none;
  }
  .side-nav-lv3-list__item {
    padding-left: calc(22 / var(--font-size) * 1rem);
  }
  .side-nav-lv3-list__item.--no-indent{
    padding-left: 0;
  }
  .side-nav-lv3-list__item.--no-icon{
  }
  .side-nav-lv3-list__item.--no-icon .side-nav-lv3-list__icon{
    padding-left: 0;
    display: none;
  }
  .side-nav-lv3-list__item.--no-icon .side-nav-lv3-list__icon .side-nav-lv3-list__text,
  .side-nav-lv3-list__item.--no-icon .side-nav-lv3-list__link{
    padding-left: 0;
  }
  .side-nav-lv3-list__text a {
    padding-left: calc(10 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    position: relative;
    transition:0.3s ease;
  }
  .side-nav-lv3-list__text a:hover {
    color: var(--main-color);
  }
  .side-nav-lv3-list__link--current {
    color: var(--main-color);
    pointer-events: none;
    font-weight: bold;
  }
  .side-nav__section-list .side-nav-lv3-list__item + .side-nav-lv3-list__item{
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .side-nav-lv3-list__icon {
    background-color: var(--main-color);
    border-radius:100%;
    width:calc(5 / var(--font-size) * 1rem);
    height:calc(5 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(8.5 / var(--font-size) * 1rem);
    left:0;
    margin:auto 0;
  }
  .side-nav-lv3-list__icon svg{
    width: 100%;
    height: 100%;
    fill: var(--text-color);
    display: none;
  }
}

@media all and (max-width: 767px) {
  .l-container__nav .js-accordion-group {
    position: relative;
  }
  .sp-local-navi__close {
    display: none;
  }
  .sp-local-navi__open{
    width: 100%;
    height: calc(64 / var(--font-size) * 1rem);
    position: absolute;
    right: 0;
    top: 0;
  }
  .js-sp-local-navi-open {
    width: 100%;
    height: 100%;
  }
  .js-sp-local-navi-open .c-btn__arrow__icon {
    margin-right: calc(24 / var(--font-size)* 1rem);
  }
  .js-sp-local-navi-open .c-btn__arrow__icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    -webkit-mask: url(../../img/common/ico_minus.svg) no-repeat;
    mask: url(../../img/common/ico_minus.svg) no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 0;
  }
  .sp-local-navi__open svg {
    fill: var(--main-color);
  }
  .is-sp-local-navi-opened .sp-local-navi__open .c-btn__arrow__icon::before {
    opacity: 1;
  }
  .is-sp-local-navi-opened .sp-local-navi__open svg {
    opacity: 0;
  }
  .side-nav {
    position: relative;
    top: 0;
    height: auto!important;
    margin-bottom: calc(48 / var(--font-size) * 1rem);
  }
  .side-nav__container {
    background: var(--bg-sub-color);
    border-radius: calc(10 / var(--font-size) * 1rem);
    max-height: calc(64 / var(--font-size) * 1rem);
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .is-sp-local-navi-opened .side-nav__container {
    max-height: 2000px;
  }
  .is-sp-local-navi-opened .side-nav-lv1-heading{
    height:auto !important;
  }
  .is-sp-local-navi-opened .side-nav-lv1-heading__sub{
    display: block;
  }
  .side-nav__body {
    padding-bottom: calc(32 / var(--font-size) * 1rem);
  }
  .side-nav__head {
  }
  .side-nav__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .side-nav__btn .c-btn{
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .side-nav__btn + .side-nav__btn .c-btn{
    margin-top: calc(10 / var(--font-size) * 1rem);
  }
  .side-nav-lv1__section {
  }
  .side-nav-lv1__section--current {
  }
  .side-nav-lv1__section--current .side-nav-lv1__body {
    margin: 0 calc(24 / var(--font-size) * 1rem);
  }
  .side-nav-lv1__section + .side-nav-lv1__section {
    margin-top: 1.875rem;
  }
  .side-nav-lv1-heading {
    font-size: calc(var(--text-size-m) / var(--font-size) * 1rem);
    font-weight: 700;
    letter-spacing: calc(50 / 1000 * 1em);
  }
  .side-nav-lv1-heading .side-nav-lv1-heading__label {
    display: block;
    line-height: 1.6;
  }
  .side-nav-lv1-heading a {
    display: flex;
    align-items: center;
    transition:0.3s ease;
  }
  .side-nav-lv1-heading a:hover {
    color: var(--main-color);
  }
  .side-nav-lv1-heading__icon {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
    background-color: var(--main-color);
    border-radius: calc(8 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.625rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
  }
  .side-nav-lv1__section--current .side-nav-lv1-heading__icon {
    display: none;
  }
  .side-nav-lv1-heading__icon svg {
    width: calc(5 / var(--font-size) * 1rem);
    height: calc(8 / var(--font-size) * 1rem);
    fill: #fff;
  }
  .side-nav-lv1__section--current .side-nav-lv1-heading {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: calc(64 / var(--font-size) * 1rem);
    padding:calc(20 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem);
    pointer-events: none;
  }
  .side-nav-lv1-heading__text{
    display: block;
  }
  .side-nav-lv1-heading__sub{
    font-size: calc(var(--text-size-xs) / var(--font-size)* 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: none;
    margin-top: calc(12 / var(--font-size) * 1rem);
  }

  .side-nav-lv1-list {
    padding-top: calc(18 / var(--font-size) * 1rem);
    border-top: 1px solid var(--sub-color);
  }
  .side-nav-lv1-list__item {
  }
  .side-nav-lv1-list__item + .side-nav-lv1-list__item {
    margin-top: calc(11 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__text.--border{
    margin-top: calc(18 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__text.--border{
    padding:calc(16 / var(--font-size) * 1rem) 0 0 0;
    border-top:calc(1 / var(--font-size) * 1rem) solid var(--sub-color);
    border-left:0;
    border-right:0;
  }
  .side-nav-lv1-list__item.--border{
    padding:calc(16 / var(--font-size) * 1rem) 0;
    border-top:calc(1 / var(--font-size) * 1rem) solid var(--sub-color);
    border-left:0;
    border-right:0;
  }
  .side-nav-lv1-list__item.--border .side-nav-lv1-list__text{
    padding-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .side-nav-lv1-list__item:last-child{
    padding-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .side-nav-lv1-list__item:last-child .side-nav-lv1-list__text{
    padding-bottom: 0;
  }
  .side-nav-lv1-list__item.--margin-top{
    margin-top:calc(16 / var(--font-size) * 1rem);
  }
  .side-nav-lv1-list__item.--no-icon .side-nav-lv1-list__text a{
    padding-left: 0;
  }
  .side-nav-lv1-list__item.--no-icon .side-nav-lv2-list__item.--no-icon{
    padding-left: calc(22 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__item:first-child{
    border-top:0;
  }
  .side-nav-lv1-list__text {
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .side-nav-lv1-list__item:nth-of-type(1) .side-nav-lv1-list__text {
  }
  .side-nav-lv1-list__text a {
    display: block;
    padding-left: calc(24 / var(--font-size) * 1rem);
    position: relative;
  }
  .side-nav-lv1-list__icon {
    width:calc(17 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto 0;
  }
  .side-nav-lv1-list__icon svg{
    width: 100%;
    height: 100%;
    fill: var(--text-color);
    transition: 0.3s ease;
  }
  .side-nav-lv1-list__link {
    padding-left: calc(30 / var(--font-size) * 1rem);
    display: block;
    width:100%;
    height:100%;
    color: var(--text-color);
    transition: 0.3s ease;
  }
  .side-nav-lv1-list__link:hover {
    color: var(--main-color);
  }
  .side-nav-lv1-list__link--current {
    color: var(--main-color);
    pointer-events: none;
  }
  .side-nav-lv1-list__link:hover .side-nav-lv1-list__icon svg,
  .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg{
    fill: var(--main-color);
  }
  /* lv2 */
  .side-nav-lv2__section {
    display: none;
  }
  .side-nav-lv2__section--current {
    display: block;
  }
  .side-nav-lv2__section.is-show {
    display: block;
  }
  .side-nav-lv2__section.is-show .side-nav-lv2-list__link{
  }
  .side-nav-lv2__section .side-nav-lv2__section{
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .side-nav-lv2-list__item {
    padding-left: calc(22 / var(--font-size) * 1rem);
  }
  .side-nav-lv2-list__item--tab{
    display: none;
  }
  .l-container:has(.type-tab[data-opened="1"]) .side-nav-lv2-list__item--tab1{
    display: block;
  }
  .l-container:has(.type-tab[data-opened="2"])  .side-nav-lv2-list__item--tab2{
    display: block;
  }
  .l-container:has(.type-tab[data-opened="3"])  .side-nav-lv2-list__item--tab3{
    display: block;
  }
  .side-nav-lv2-list__item.--no-indent{
    padding-left: 0;
  }
  .side-nav-lv2-list__item.--no-icon{
    padding-left: 0;
  }
  .side-nav-lv2-list__item.--no-icon .side-nav-lv2-list__icon{
    padding-left: 0;
    display: none;
  }
  .side-nav-lv2-list__item.--no-icon .side-nav-lv2-list__icon .side-nav-lv2-list__text,
  .side-nav-lv2-list__item.--no-icon .side-nav-lv2-list__link{
    padding-left: 0;
  }
  .side-nav-lv2-list__item.--indent .side-nav-lv2-list__link{
    padding-left: calc(22 / var(--font-size) * 1rem);
  }
  .side-nav-lv2-list__text a {
    padding-left: calc(22 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    position: relative;
    transition:0.3s ease;
  }
  .side-nav-lv2-list__text a:hover {
    color: var(--main-color);
  }
  .side-nav-lv2-list__icon svg {
    transition:0.3s ease;
  }
  .side-nav-lv2-list__text a:hover .side-nav-lv2-list__icon svg {
    fill: var(--main-color);
  }
  .side-nav-lv2-list__link--current {
    color: var(--main-color);
    pointer-events: none;
    font-weight: bold;
  }
  .side-nav-lv2-list__link--current .side-nav-lv2-list__icon svg{
    fill: var(--main-color);
  }
  .side-nav__section-list{
    position: relative;
  }
  .side-nav-lv1-list__text + .side-nav__section-list{
    margin-top: calc(12 / var(--font-size)* 1rem);
    margin-bottom: calc(17 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__item:last-child .side-nav-lv1-list__text + .side-nav__section-list{
    margin-bottom: 0
  }
  .side-nav__section-list a{
  }
  .side-nav__section-list .side-nav-lv2-list__item + .side-nav-lv2-list__item{
    margin-top: calc(8 / var(--font-size)* 1rem);
  }
  .side-nav-lv1-list__item.is-normal-column{
    padding-bottom: calc(22 / var(--font-size)* 1rem);
  }
  .side-nav__section-list.is-normal:before{
    display: none;
  }
  .side-nav-lv2-list__icon {
    width:calc(17 / var(--font-size) * 1rem);
    height:calc(16 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(2 / var(--font-size) * 1rem);
    left:0;
    margin:auto 0;
  }
  .side-nav-lv2-list__icon svg{
    width: 100%;
    height: 100%;
    fill: var(--text-color);
  }

  
  /* lv3 */
  .side-nav-lv3__section {
    margin-top: calc(10 / var(--font-size)* 1rem);
  }
  .side-nav-lv3__section--current {
    display: block;
  }
  .side-nav-lv3__section.is-show {
    display: block;
  }
  .side-nav-lv3__section.is-show .side-nav-lv3-list__link{
  }
  .side-nav-lv3__section.is-hide{
    display: none;
  }
  .side-nav-lv3-list__item {
    padding-left: calc(22 / var(--font-size) * 1rem);
  }
  .side-nav-lv3-list__item.--no-indent{
    padding-left: 0;
  }
  .side-nav-lv3-list__item.--no-icon{
  }
  .side-nav-lv3-list__item.--no-icon .side-nav-lv3-list__icon{
    padding-left: 0;
    display: none;
  }
  .side-nav-lv3-list__item.--no-icon .side-nav-lv3-list__icon .side-nav-lv3-list__text,
  .side-nav-lv3-list__item.--no-icon .side-nav-lv3-list__link{
    padding-left: 0;
  }
  .side-nav-lv3-list__text a {
    padding-left: calc(10 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    position: relative;
    transition:0.3s ease;
  }
  .side-nav-lv3-list__text a:hover {
    color: var(--main-color);
  }
  .side-nav-lv3-list__link--current {
    color: var(--main-color);
    pointer-events: none;
    font-weight: bold;
  }
  .side-nav__section-list .side-nav-lv3-list__item + .side-nav-lv3-list__item{
    margin-top: calc(8 / var(--font-size)* 1rem);
  }
  .side-nav-lv3-list__icon {
    background-color: var(--main-color);
    border-radius:100%;
    width:calc(5 / var(--font-size) * 1rem);
    height:calc(5 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(8.5 / var(--font-size) * 1rem);
    left:0;
    margin:auto 0;
  }
  .side-nav-lv3-list__icon svg{
    width: 100%;
    height: 100%;
    fill: var(--text-color);
    display: none;
  }


  .side-nav-return{
  }
  
  .side-nav-return__link{
    padding: calc(20 / var(--font-size) * 1rem) calc(32 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(57 / var(--font-size) * 1rem);
    font-size: calc(var(--text-size-xs) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    display: block;
    position: relative;
    transition:0.3s ease;
  }
  
  .side-nav-return__link:hover{
    color: var(--main-color);
  }
  
  .side-nav-return__icon {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(25 / var(--font-size) * 1rem);
    margin: auto 0;
  }
  
  .side-nav-return__icon svg {
    width: calc(16 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
    fill: var(--color-gray_400);
    transform:rotate(-180deg);
  }
  
  .side-nav-lv2-list-boder {
    border-top: 1px solid var(--sub-border-color);
    margin: calc(10 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  
  .side-nav-lv2-list-bottom-boder {
    padding-bottom: calc(10 / var(--font-size) * 1rem);
    border-bottom: 1px solid var(--sub-border-color);
  }
}


/* --------------------------------------------------------------------------
  OVERVIEW APPLICATION LOCAL NAVI
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .--overview-application .side-nav-lv1-list__link--current .side-nav-lv1-list__icon {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .--overview-application .side-nav-lv1-list__link--current .side-nav-lv1-list__icon::before {
    content: '●';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .--overview-application .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg {
    display: none;
  }
  .--overview-application .side-nav-lv1-list__link--current {
    padding: calc(8 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .--overview-application .side-nav-footer-btn {
    margin-top: calc(20 / var(--font-size) * 1rem);
    padding-top: calc(20 / var(--font-size) * 1rem);
    border-top: var(--sub-color) calc(1 / var(--font-size) * 1rem) solid;
  }

}

@media all and (max-width: 767px) {
  .--overview-application .side-nav-lv1-list__link--current .side-nav-lv1-list__icon {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .--overview-application .side-nav-lv1-list__link--current .side-nav-lv1-list__icon::before {
    content: '●';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .--overview-application .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg {
    display: none;
  }
  .--overview-application .side-nav-lv1-list__link--current {
    padding: calc(8 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .--overview-application .side-nav-footer-btn {
    margin-top: calc(20 / var(--font-size) * 1rem);
    padding-top: calc(20 / var(--font-size) * 1rem);
    border-top: var(--sub-color) calc(1 / var(--font-size) * 1rem) solid;
  }

}

/* --------------------------------------------------------------------------
  MATERIAL LOCAL NAVI
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .--overview-application.--material .side-nav-lv1-list__link,
  .--overview-application.--material .side-nav-lv2-list__item{
    padding-left: 0;
  }
  .--overview-application.--material .side-nav-lv1-list__link--current .side-nav-lv1-list__icon::before {
    content:none;
  }
  .--overview-application.--material .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .--overview-application.--material .side-nav-lv1-list__link,
  .--overview-application.--material .side-nav-lv2-list__item{
    padding-left: 0;
  }
  .--overview-application.--material .side-nav-lv1-list__link--current .side-nav-lv1-list__icon::before {
    content:none;
  }
  .--overview-application.--material .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg {
    display: none;
  }
}

/* --------------------------------------------------------------------------
  【総合】登録の手順について
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .--about-entry-flow .side-nav-lv1-list__link--current .side-nav-lv1-list__icon {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .--about-entry-flow .side-nav-lv1-list__link--current .side-nav-lv1-list__icon::before {
    content: '●';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .--about-entry-flow .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg {
    display: none;
  }
  .--about-entry-flow .side-nav-lv1-list__link--current {
    padding: calc(8 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .--about-entry-flow .side-nav-footer-btn {
    margin-top: calc(20 / var(--font-size) * 1rem);
    padding-top: calc(20 / var(--font-size) * 1rem);
    border-top: var(--sub-color) calc(1 / var(--font-size) * 1rem) solid;
  }
  .--about-entry-flow .c-btn__inner {
    padding-left: calc(21 / var(--font-size) * 1rem);
  }

}

@media all and (max-width: 767px) {
  .--about-entry-flow .side-nav-lv1-list__link--current .side-nav-lv1-list__icon {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .--about-entry-flow .side-nav-lv1-list__link--current .side-nav-lv1-list__icon::before {
    content: '●';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .--about-entry-flow .side-nav-lv1-list__link--current .side-nav-lv1-list__icon svg {
    display: none;
  }
  .--about-entry-flow .side-nav-lv1-list__link--current {
    padding: calc(8 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    font-size: calc(14 / var(--font-size) * 1rem);
  }
  .--about-entry-flow .side-nav-footer-btn {
    margin-top: calc(20 / var(--font-size) * 1rem);
    padding-top: calc(20 / var(--font-size) * 1rem);
    border-top: var(--sub-color) calc(1 / var(--font-size) * 1rem) solid;
  }
  .--about-entry-flow .c-btn__inner {
    padding-left: calc(21 / var(--font-size) * 1rem);
  }

}