/* ==========================================================================
  Search
========================================================================== */

@media all and (min-width: 768px), print {
  .entry__container .c-btn-list.--2col .c-btn {
    width: calc(222 / var(--font-size) * 1rem);
  }
  .entry__container .c-btn.--size-s {
    width: calc(222 / var(--font-size) * 1rem) !important;
  }
  .entry__container .c-btn-list.--2col .c-btn + .c-btn {
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
  .entry__container .c-btn .c-btn__inner {
    height: 100%;
  }
  .entry__container .c-btn .c-btn__link {
    height: 100%;
  }
  .entry__container .c-btn.--download .c-btn__inner {
    padding: calc(8 / var(--font-size) * 1rem)
      calc(10 / var(--font-size) * 1rem);
    min-height: 100%;
  }
  .entry__container .c-btn.--download .c-btn__img {
    width: calc(40 / var(--font-size) * 1rem);
    min-width: calc(40 / var(--font-size) * 1rem);
    height: calc(40 / var(--font-size) * 1rem);
    min-height: calc(40 / var(--font-size) * 1rem);
  }
  .entry__container .c-btn__img + .c-btn__text {
    margin-left: calc(5 / var(--font-size) * 1rem);
  }
  .entry__container .c-btn.--download .c-btn__arrow {
    margin-left: calc(5 / var(--font-size) * 1rem);
  }
  .entry__container .c-btn.--download .c-btn__arrow__icon {
    width: calc(14 / var(--font-size) * 1rem);
    min-width: calc(14 / var(--font-size) * 1rem);
    height: calc(14 / var(--font-size) * 1rem);
    min-height: calc(14 / var(--font-size) * 1rem);
  }

  /* UPDATE */
  .form-items:first-child {
    border-top: 0;
  }
  .form-items:last-child {
    border-bottom:0;
  }
}

@media all and (max-width: 767px) {
  /* UPDATE */
  .form-items:first-child {
    border-top: 0;
  }
  .form-items:last-child {
    border-bottom:0;
  }
}

/* --------------------------------------------------------------------------
  STEP-PROGRESS
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  /* Progress */
  .step-heading-form__progress {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .step-heading-form__progress_list {
    display: flex;
    justify-content: center;
  }
  .step-heading-form__progresslist_items {
    --progress-color: var(--color-gray_400);
  }
  .step-heading__progress--l .step-heading-form__progresslist_items {
    flex-grow: 1;
    width: 25%;
  }
  .step-heading-form__progress[data-step="1"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="2"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="2"]
    .step-heading-form__progresslist_items:nth-child(2),
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(2),
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(3),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(2),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(3),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(4),
  .step-heading-form__progress[data-step="5"]
    .step-heading-form__progresslist_items {
    --progress-color: var(--main-color);
  }
  .step-heading-form__progresslist_items:not(:first-child) {
    width: calc(200 / var(--font-size) * 1rem);
  }
  .step-heading-form__progresslist_items:not(:first-child)
    .step-heading-form__progress_desc__term::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(3 / var(--font-size) * 1rem);
    background: var(--progress-color);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: -50%;
    z-index: -1;
  }
  .step-heading-form__progress_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }
  .step-heading-form__progresslist_items:first-child
    .step-heading-form__progress_container::before,
  .step-heading-form__progresslist_items:first-child
    .step-heading-form__progress_container::after {
    content: none;
  }
  .step-heading-form__progress_container > * {
    width: 100%;
  }

  .step-heading-form__progress_desc {
    position: relative;
    flex-shrink: 0;
    min-height: calc(83 / var(--font-size) * 1rem);
  }
  .step-heading-form__progress_desc__term {
    position: relative;
    width: calc(200 / var(--font-size) * 1rem);
  }
  .step-heading__progress--l .step-heading-form__progress_desc__term {
    width: 100%;
  }
  .step-heading-form__progress_desc__term__label__inner {
    width: calc(40 / var(--font-size) * 1rem);
    height: calc(40 / var(--font-size) * 1rem);
    border-radius: 50%;
    background-color: var(--progress-color);
    margin: 0 auto;
  }
  .step-heading-form__progress_desc__term__label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: 700;
    height: 100%;
    color: #fff;
  }
  .step-heading-form__progress_desc__defin {
    line-height: 1.5em;
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    color: var(--progress-color);
    margin-top: calc(9 / var(--font-size) * 1rem);
    padding: 0 calc(10 / var(--font-size) * 1rem);
  }
  .step-heading__progress--l .step-heading-form__progress_desc__defin {
    min-height: 3em;
    padding: 0;
  }
  .step-heading-form__progress_txt {
    line-height: 1.5em;
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    color: var(--color-gray_400);
    margin-top: calc(9 / var(--font-size) * 1rem);
    padding: calc(9 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) 0;
    border-top: calc(1 / var(--font-size) * 1rem) solid var(--sub-border-color);
  }
  .step-heading-form__progress[data-step="2"]
    .step-heading-form__progresslist_items:nth-child(1)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(1)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(2)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(1)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(2)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(3)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="5"]
    .step-heading-form__progresslist_items
      .step-heading-form__progress_txt {
    color: var(--main-color);
  }
}

@media all and (max-width: 767px), print {
  /* Progress */
  .step-heading-form__progress {
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .step-heading-form__progress_list {
    display: flex;
    justify-content: center;
  }
  .step-heading-form__progresslist_items {
    --progress-color: var(--color-gray_400);
  }
  .step-heading__progress--l .step-heading-form__progresslist_items {
    flex-grow: 1;
    width: 25%;
  }
  .step-heading-form__progress[data-step="1"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="2"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="2"]
    .step-heading-form__progresslist_items:nth-child(2),
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(2),
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(3),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(1),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(2),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(3),
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(4) {
    --progress-color: var(--main-color);
  }
  .step-heading-form__progresslist_items:not(:first-child) {
    width: calc(200 / var(--font-size) * 1rem);
  }
  .step-heading-form__progresslist_items:not(:first-child)
    .step-heading-form__progress_desc__term::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(3 / var(--font-size) * 1rem);
    background: var(--progress-color);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: -50%;
    z-index: -1;
  }
  .step-heading-form__progresslist_items:first-child
    .step-heading-form__progress_container::before,
  .step-heading-form__progresslist_items:first-child
    .step-heading-form__progress_container::after {
    content: none;
  }

  .step-heading-form__progress_desc {
    position: relative;
    flex-shrink: 0;
    min-height: calc(83 / var(--font-size) * 1rem);
  }
  .step-heading-form__progress_desc__term {
    position: relative;
    width: calc(90 / var(--font-size) * 1rem);
  }
  .step-heading__progress--l .step-heading-form__progress_desc__term {
    width: 100%;
  }
  .step-heading-form__progress_desc__term__label__inner {
    width: calc(35 / var(--font-size) * 1rem);
    height: calc(35 / var(--font-size) * 1rem);
    border-radius: 50%;
    background-color: var(--progress-color);
    margin: 0 auto;
  }
  .step-heading-form__progress_desc__term__label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: 700;
    height: 100%;
    color: #fff;
  }
  .step-heading-form__progress_desc__defin {
    line-height: 1.5em;
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    color: var(--progress-color);
    margin-top: calc(9 / var(--font-size) * 1rem);
    padding: 0 calc(10 / var(--font-size) * 1rem);
  }
  .step-heading__progress--l .step-heading-form__progress_desc__defin {
    min-height: 4.5em;
    padding: 0;
  }
  .step-heading-form__progress_txt {
    line-height: 1.5em;
    font-size: calc(16 / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    color: var(--color-gray_400);
    margin-top: calc(9 / var(--font-size) * 1rem);
    padding: calc(9 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) 0;
    border-top: calc(1 / var(--font-size) * 1rem) solid var(--sub-border-color);
  }
  .step-heading-form__progress[data-step="2"]
    .step-heading-form__progresslist_items:nth-child(1)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(1)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="3"]
    .step-heading-form__progresslist_items:nth-child(2)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(1)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(2)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="4"]
    .step-heading-form__progresslist_items:nth-child(3)
      .step-heading-form__progress_txt,
  .step-heading-form__progress[data-step="5"]
    .step-heading-form__progresslist_items
      .step-heading-form__progress_txt {
    color: var(--main-color);
  }
}

/* --------------------------------------------------------------------------
  STEP-HEADING
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .step-heading {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .step-heading__body {
    text-align: center;
    margin-bottom: calc(24 / var(--font-size) * 1rem);
  }
  .step-heading__label {
    color: var(--main-color);
    font-size: calc(34 / var(--font-size) * 1rem);
  }
}

@media all and (max-width: 767px), print {
  .step-heading {
    margin-top: calc(64 / var(--font-size) * 1rem);
  }
  .step-heading__body {
    text-align: center;
    margin-bottom: calc(10 / var(--font-size) * 1rem);
  }
  .step-heading__label {
    color: var(--main-color);
    font-size: calc(28 / var(--font-size) * 1rem);
  }
}

/* --------------------------------------------------------------------------
  ENTRY BLOCK
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .tab__defin-container {
    padding-right: 0;
  }
  /* entry */
  .entry__container {
    padding: calc(24 / var(--font-size) * 1rem)
      calc(40 / var(--font-size) * 1rem);
    background-color: var(--color-gray_100);
  }
  .entry__container + .entry__container {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .entry__container__body {
  }
  .entry__container-heading {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .entry__container-heading-title + .entry__container-heading-toggle {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .entry__container-heading-title__label {
  }
  .entry__container-heading-toggle {
    width: calc(20 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
  }
  .entry__container-heading__icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-sub);
    border-radius: 50%;
  }
  .tab__term[aria-expanded="false"] .entry__container-heading__icon::before {
    content: "";
    width: calc(10 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .tab__term[aria-expanded="false"] .entry__container-heading__icon::after {
    content: "";
    width: calc(1 / var(--font-size) * 1rem);
    height: calc(10 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .tab__term[aria-expanded="true"] .entry__container-heading__icon::before {
    content: "";
    width: calc(10 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .tab__term[aria-expanded="true"] .entry__container-heading__icon::after {
    content: "";
    width: calc(1 / var(--font-size) * 1rem);
    height: calc(10 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all 0.3s;
  }
  .entry__block {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .entry__block-text {
  }
  .entry_caution {
    background-color: #fff;
    margin: calc(38 / var(--font-size) * 1rem) 0;
  }
  .entry_caution__body {
    padding: calc(24 / var(--font-size) * 1rem)
      calc(39 / var(--font-size) * 1rem);
  }
  .entry_caution-heading {
    margin-bottom: calc(12 / var(--font-size) * 1rem);
    padding-bottom: calc(12 / var(--font-size) * 1rem);
    border-bottom: calc(1 / var(--font-size) * 1rem) solid
      var(--color-attention_1000);
  }
  .entry_caution__block {
  }
}

@media all and (max-width: 767px), print {
  .tab__defin-container {
    padding-right: 0;
  }
  /* entry */
  .entry__container {
    padding: calc(24 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    background-color: var(--color-gray_100);
  }
  .entry__container + .entry__container {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .entry__container__body {
  }
  .entry__container iframe{
    max-width:100%;
    width:100%;
    height:44vw;
  }
  .entry__container-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .entry__container-heading-title + .entry__container-heading-toggle {
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .entry__container-heading-title__label {
  }
  .entry__container-heading-toggle {
    width: calc(20 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    flex-shrink: 0;
  }
  .entry__container-heading__icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-sub);
    border-radius: 50%;
  }
  .tab__term[aria-expanded="false"] .entry__container-heading__icon::before {
    content: "";
    width: calc(10 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .tab__term[aria-expanded="false"] .entry__container-heading__icon::after {
    content: "";
    width: calc(1 / var(--font-size) * 1rem);
    height: calc(10 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .tab__term[aria-expanded="true"] .entry__container-heading__icon::before {
    content: "";
    width: calc(10 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
  }
  .tab__term[aria-expanded="true"] .entry__container-heading__icon::after {
    content: "";
    width: calc(1 / var(--font-size) * 1rem);
    height: calc(10 / var(--font-size) * 1rem);
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all 0.3s;
  }
  .entry__block {
    margin-top: calc(20 / var(--font-size) * 1rem);
  }
  .entry__block-text {
  }
  .entry_caution {
    background-color: #fff;
    margin: calc(38 / var(--font-size) * 1rem) 0;
  }
  .entry_caution__body {
    padding: calc(24 / var(--font-size) * 1rem);
  }
  .entry_caution-heading {
    margin-bottom: calc(12 / var(--font-size) * 1rem);
    padding-bottom: calc(12 / var(--font-size) * 1rem);
    border-bottom: calc(1 / var(--font-size) * 1rem) solid
      var(--color-attention_1000);
  }
}

/* ==========================================================================
  NARROW DOWN
========================================================================== */

@media all and (min-width: 768px), print {
  /* NarrowDown */
  .narrowDown__container {
    position: relative;
    margin: 0 auto;
  }
  .narrowDown__container + * {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .narrowDown__container__inner {
    transition: height 0.3s ease;
    overflow: hidden;
    padding-top: calc(24 / var(--font-size) * 1rem);
  }
  .narrowDown__container__inner[aria-hidden="false"] {
    padding-top: 0;
  }
  .narrowDown__container__inner[aria-hidden="false"]
    .c-form__row__inner:first-child {
    border-top: 0;
  }
  .narrowDown__container__contents[aria-expanded="true"] {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .narrowDown__container-heading {
  }
  .narrowDown__container-heading-title {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: calc(400 / var(--font-size) * 1rem);
    background-color: var(--sub-accent-color);
    padding: calc(15 / var(--font-size) * 1rem) 0;
    border-radius: calc(10 / var(--font-size) * 1rem);
    margin: 0 auto;
    cursor: pointer;
  }
  .narrowDown__container-heading-title__label {
    display: block;
    line-height: calc(29 / 18 * 1);
    color: var(--main-accent-color);
  }
  .narrowDown__container-heading-title__label > span:nth-child(1) {
    display: block;
  }
  .narrowDown__container-heading-title__label > span:nth-child(2) {
    display: none;
  }
  .narrowDown__container__contents[aria-expanded="true"] .narrowDown__container-heading-title__label > span:nth-child(1) {
    display: none;
  }
  .narrowDown__container__contents[aria-expanded="true"] .narrowDown__container-heading-title__label > span:nth-child(2) {
    display: block;
  }
  .narrowDown__container-body {
  }
  .narrowDown__container-heading__icon {
    flex-shrink: 0;
    border-radius: 100%;
    display: block;
    width: calc(21 / var(--font-size) * 1rem);
    height: calc(21 / var(--font-size) * 1rem);
    position: relative;
    margin-left: calc(18 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) solid var(--main-accent-color);
    background-color: var(--main-accent-color);
  }
  .narrowDown__container-heading__icon:before,
  .narrowDown__container-heading__icon:after{
    content: "";
    background-color: var(--color-white);
    display: block;
    width: calc(9 / var(--font-size) * 1rem);
    height: calc(2 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(4 / var(--font-size) * 1rem);
    margin: auto 0;
    transition: 0.3s ease;
  }
  .narrowDown__container-heading__icon:after{
    transform: rotate(90deg);
  }
  .narrowDown__container__contents[aria-expanded="true"] .narrowDown__container-heading__icon:after{
    transform: rotate(180deg);
  }
}

@media all and (max-width: 767px), print {
  /* NarrowDown */
  .narrowDown__container {
    position: relative;
    margin: 0 auto;
  }
  .narrowDown__container + * {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .narrowDown__container__inner {
    transition: height 0.3s ease;
    overflow: hidden;
    padding-top: calc(24 / var(--font-size) * 1rem);
  }
  .narrowDown__container__inner[aria-hidden="false"] {
    padding-top: 0;
  }
  .narrowDown__container__inner[aria-hidden="false"]
    .c-form__row__inner:first-child {
    border-top: 0;
  }
  .narrowDown__container__contents[aria-expanded="true"] {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .narrowDown__container-heading {
  }
  .narrowDown__container-heading-title {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: var(--sub-accent-color);
    padding: calc(15 / var(--font-size) * 1rem) 0;
    border-radius: calc(10 / var(--font-size) * 1rem);
    margin: 0 auto;
    cursor: pointer;
  }
  .narrowDown__container-heading-title__label {
    display: block;
    font-size: calc(16 / var(--font-size) * 1rem)!important;
    line-height: calc(29 / 18 * 1);
    color: var(--main-accent-color);
  }
  .narrowDown__container-heading-title__label > span:nth-child(1) {
    display: block;
  }
  .narrowDown__container-heading-title__label > span:nth-child(2) {
    display: none;
  }
  .narrowDown__container__contents[aria-expanded="true"] .narrowDown__container-heading-title__label > span:nth-child(1) {
    display: none;
  }
  .narrowDown__container__contents[aria-expanded="true"] .narrowDown__container-heading-title__label > span:nth-child(2) {
    display: block;
  }
  .narrowDown__container-body {
  }
  .narrowDown__container-heading__icon {
    flex-shrink: 0;
    border-radius: 100%;
    display: block;
    width: calc(21 / var(--font-size) * 1rem);
    height: calc(21 / var(--font-size) * 1rem);
    position: relative;
    margin-left: calc(18 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) solid var(--main-accent-color);
    background-color: var(--main-accent-color);
  }
  .narrowDown__container-heading__icon:before,
  .narrowDown__container-heading__icon:after{
    content: "";
    background-color: var(--color-white);
    display: block;
    width: calc(9 / var(--font-size) * 1rem);
    height: calc(2 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(4 / var(--font-size) * 1rem);
    margin: auto 0;
    transition: 0.3s ease;
  }
  .narrowDown__container-heading__icon:after{
    transform: rotate(90deg);
  }
  .narrowDown__container__contents[aria-expanded="true"] .narrowDown__container-heading__icon:after{
    transform: rotate(180deg);
  }
}

/* ==========================================================================
  FORM_SUBMIT
========================================================================== */
@media all and (max-width: 767px), print {
  .form_submit.c-btn {
    width: calc(240 / var(--font-size) * 1rem);
  }
}