@charset "UTF-8";
/* Feature common */

/* feature-nav */
@media all and (min-width: 768px) {
  .feature-nav__wrap {
    background-color: #ECF2FA;
    padding: calc(45 / var(--fontSize) * 1em) 0;
  }
  .feature-nav-list {
    display: flex;
    flex-flow: wrap;
    margin-bottom: calc(-20 / var(--fontSize) * 1em);
  }
  .feature-nav-list__item {
    position: relative;
    margin-right: calc(50 / var(--fontSize) * 1em);
    margin-bottom: calc(20 / var(--fontSize) * 1em);
  }
  .feature-nav-list__item.is-current {
    border-bottom: calc(2 / var(--fontSize) * 1em) solid var(--color-brand-blue);
  }
  .feature-nav-list__item.is-current a.feature-nav-list__link {
    text-decoration: none;
  }
  a.feature-nav-list__link {
    color: var(--color-brand-blue);
  }
  .feature-nav-list__label {
    font-family: var(--font-NotoSans);
    font-size: calc(15 / var(--fontSize) * 1em) 0;
    font-weight: 600;
    color: var(--color-brand-blue);
  }
  .feature-nav-list__label::after {
		content: "";
    display: inline-block;
    background-image: url(../../../../img/v2/ico_arw_right_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(5 / 15 * 1em);
    height: calc(8 / 15 * 1em);
    margin-left: calc(8 / 15 * 1em);
	}
}
@media all and (max-width: 767px) {
  .feature-nav-list {
    display: flex;
    flex-flow: wrap;
  }
  .feature-nav-list__item {
    position: relative;
    width: calc(100% / 2);
    padding: calc(20 / var(--fontSize) * 1em) calc(16 / var(--fontSize) * 1em);
    border-top: 1px solid #EDF2F9;
  }
  .feature-nav-list__item:nth-child(2n) {
    border-left: 1px solid #EDF2F9;
  }
  .feature-nav-list__item.is-current {
    background-color: #ECF2FA;
  }
  a.feature-nav-list__link {
    color: var(--color-brand-blue);
  }
  .feature-nav-list__label {
    font-family: var(--font-NotoSans);
    font-size: calc(13 / var(--fontSize) * 1em) 0;
    font-weight: 600;
    color: var(--color-brand-blue);
  }
  .feature-nav-list__label::after {
		content: "";
    position: absolute;
    top: 50%;
    right: calc(10 / 13 * 1em);
    display: inline-block;
    background-image: url(../../../../img/v2/ico_arw_right_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(3 / 13 * 1em);
    height: calc(6 / 13 * 1em);
	}
}