@charset "utf-8";

/* ======================================================
 * parts_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * - Common
 * - Element >>> Heading
 * - Element >>> Text
 * - Element >>> List
 * - Element >>> Link
 * - Element >>> Image
 * - Element >>> Video
 * - Element >>> Form
 * - Element >>> Other
 * - Layout >>> Column
 * - Layout >>> Table
 * - Layout >>> Box
 * - Layout >>> Other
 * - Component >>> Navi
 * - Component >>> Index
 * - Component >>> Other
 * - Clearfix
 * Media Queries
====================================================== */

@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  /* ----- font ----- */
  p {
    margin: 1em 0 1em;
  }

  /* ----- a ----- */
  .a-modal {
    outline: none;
  }
  /* ----- opacity ----- */

  /* ----- transition ----- */

  /* ----- sprite ----- */
  .a-blank::after,
  .a-pdf::after,
  .a-print::after,
  .a-mail::after,
  .a-excel::after,
  .a-word::after,
  .a-ppt::after,
  .a-rss::after,
  .a-zip::after,
  .a-video::after,
  .a-modal::after,
  .a-audio::after,
  [class*="heading-lv"] .a-blank .heading_title::after,
  [class*="heading-lv"] .a-pdf .heading_title::after,
  .news-layout .a-blank .news_title::after,
  .news-layout .a-pdf .news_title::after,
  .news-layout .a-video .news_title::after,
  .plugin-layout a .a-blank::after {
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-size: 240px auto;
    vertical-align: top;
    content: "";
  }
  .a-blank::after,
  [class*="heading-lv"] .a-blank .heading_title::after,
  .news-layout .a-blank .news_title::after,
  .plugin-layout a .a-blank::after { width: 10px; height: 10px; background-position: -120px 0; }
  .a-pdf::after,
  [class*="heading-lv"] .a-pdf .heading_title::after,
  .news-layout .a-pdf .news_title::after { width: 15px; height: 15px; background-position: -160px 0; }
  .a-print::after { width: 14px;  height: 12px; background-position: -180px 0; }
  .a-mail::after { width: 12px; height: 10px; background-position: -200px 0; }
  .a-excel::after { width: 13px; height: 12px; background-position: -120px -20px; }
  .a-word::after { width: 13px; height: 12px; background-position: -140px -20px; }
  .a-ppt::after { width: 13px; height: 12px; background-position: -160px -20px; }
  .a-rss::after { width: 12px; height: 12px; background-position: -180px -20px; }
  .a-zip::after { width: 15px; height: 12px; background-position: -200px -20px; }
  .a-audio::after { width: 16px; height: 14px; background-position: -150px -80px; }
  .a-video::after,
  .news-layout .a-video .news_title::after { width: 14px; height: 11px; background-position: -220px -20px; }
  .a-modal::after { width: 15px; height: 15px; background-position: -220px -60px; }
  [class*="heading-lv"] .a-blank::after,
  [class*="heading-lv"] .a-pdf::after,
  .news-layout .a-blank::after,
  .news-layout .a-pdf::after,
  .news-layout .a-video::after {
    display: none;
  }
  .link-inline.a-blank::after {
    display: inline-block;
    margin: .25em 5px 0 5px;
  }
  .link-inline.a-pdf::after {
    display: inline-block;
    margin: .1em 5px 0 5px;
  }
  .link-text > li > .a-blank::after,
  .link-text > li > .a-print::after,
  .link-text > li > .a-mail::after,
  .link-text > li > .a-excel::after,
  .link-text > li > .a-word::after,
  .link-text > li > .a-ppt::after,
  .link-text > li > .a-rss::after,
  .link-text > li > .a-zip::after,
  .link-text > li > .a-audio::after,
  .link-text > li > .a-video::after {
    display: inline-block;
    margin: .3em 0 0 5px;
  }
  .link-text > li > .a-pdf::after {
    display: inline-block;
    margin: .1em 0 0 5px;
  }
  .link-button > li > .a-blank::after,
  .link-button > li > .a-pdf::after,
  .link-button-v2 > li > .a-blank::after,
  .link-button-v2 > li > .a-pdf::after,
  .link-button > li > .a-modal::after,
  .link-button-v2 > li > .a-modal::after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
  }
  [class*="heading-lv"] .a-blank .heading_title::after,
  [class*="heading-lv"] .a-pdf .heading_title::after {
    display: inline-block;
    margin: .4em 0 0 10px;
  }
  .news-layout .a-blank .news_title::after,
  .news-layout .a-pdf .news_title::after,
  .news-layout .a-video .news_title::after {
    display: inline-block;
    margin: .25em 0 0 10px;
  }
  .plugin-layout a .a-blank::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: .25em 9px 0 9px;
  }

  /* ----- data-row-sp ----- */
  [data-row-sp]:not([data-row-sp="1"]) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  [data-row-sp]:not([data-row-sp="1"]):not([data-row-sp="auto"]) > * {
    margin-top: 1.25em;
    margin-left: 15px;
  }
  [data-row-sp="2"] > *:nth-child(-n+2),
  [data-row-sp="3"] > *:nth-child(-n+3) {
    margin-top: 0 !important;
  }
  [data-row-sp="2"] > *:nth-child(2n+1),
  [data-row-sp="3"] > *:nth-child(3n+1) {
    margin-left: 0 !important;
  }
  [data-row-sp="2"] > * { width: calc((100% - 15px) / 2); }
  [data-row-sp="3"] > * { width: calc((100% - 30px) / 3); }
  [data-row-sp="auto"] {
    margin-right: -15px;
    margin-bottom: -.5em;
  }
  [data-row-sp="auto"] > * {
    margin-top: 0 !important;
    margin-right: 15px;
    margin-bottom: .5em;
    margin-left: 0;
  }
  .link-text[data-row-sp="auto"] {
    margin-right: -30px;
    margin-bottom: -.5em;
  }
  .link-text[data-row-sp="auto"] > li {
    margin-right: 30px;
    margin-bottom: .5em;
  }

  /* ------------------------------------------------------
   * Element >>> Heading
  ------------------------------------------------------ */
  [class^="heading-lv"] .heading_title {
    line-height: 1.25;
  }
  [class*="heading-lv"] a:link .heading_title {
  }
  #main .heading-lv1 + * {
    margin-top: 2.15em;
  }
  #main .heading-lv2 + * {
    margin-top: 1.45em;
  }
  #main .heading-lv3 + *,
  #main .heading-lv4 + *,
  #main .heading-lv5 + * {
    margin-top: 1.1em;
  }

  /* ----- heading-lv1 ----- */
  .heading-lv1 {
    margin: 0 0 2.15em;
  }
  .heading-lv1 .heading_title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .heading-lv1 .heading_title > span {
    display: block;
    font-size: 2.0rem;
  }
  .heading-lv1 .heading_subtitle {
    color: #333;
    font-size: 1.4rem;
  }

  /* ----- heading-lv2 ----- */
  .heading-lv2 {
    margin: 2.15em 0 1.45em;
  }
  .heading-lv2 .block {
    position: relative;
    display: block;
    padding-bottom: 10px;
  }
  .heading-lv2 .block::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 2px;
    background: #009c84;
    content: "";
  }
  .heading-lv2 .heading_title {
    position: relative;
    color: #009c84;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .heading-lv2 .heading_subtitle {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .heading-lv2 a .heading_title {
    color: #2073b3;
  }
  .heading-lv2 a .heading_subtitle {
    color: #333;
  }
  /* ----- heading-lv2-type02 ----- */
  .heading-lv2-type02 {
    margin: 2.15em 0 1.45em;
  }
  .heading-lv2-type02 .block {
    position: relative;
    display: block;
    padding-bottom: 10px;
  }
  .heading-lv2-type02 .block::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 2px;
    background: #009c84;
    content: "";
  }
  .heading-lv2-type02 .heading_title {
    position: relative;
    color: #333333;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .heading-lv2-type02 .heading_subtitle {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .heading-lv2-type02 a .heading_title {
    color: #2073b3;
  }
  .heading-lv2-type02 a .heading_subtitle {
    color: #333;
  }
  /* ----- heading-lv3 ----- */
  .heading-lv3 {
    margin: 2.15em 0 1.45em;
  }
  .heading-lv3 .block {
    display: block;
    text-decoration: none;
  }
  .heading-lv3 .heading_title {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .heading-lv3 .heading_subtitle {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .heading-lv3 a .heading_title {
    color: #2073b3;
  }

  /* ----- heading-lv4 ----- */
  .heading-lv4 {
    margin: 2.15em 0 1.1em;
  }
  .heading-lv4 .heading_title {
    position: relative;
    padding-left: 25px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .heading-lv4 .heading_title::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 14px;
    height: 2px;
    background: #009c84;
    content: "";
  }
  .heading-lv4 a .heading_title {
    color: #2073b3;
  }

  /* ----- heading-lv5 ----- */
  .heading-lv5 {
    margin: 1.8em 0 1.1em;
  }
  .heading-lv5 .heading_title {
    position: relative;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
  }

  /* ------------------------------------------------------
   * Element >>> Text
  ------------------------------------------------------ */
  /* ----- text-paragraph ----- */
  .text-paragraph {
    margin: 2em 0 1em;
  }

  /* ----- text-lead ----- */
  .text-lead {
    margin: 1em 0 1em;
    font-size: 2rem;
    font-weight: bold;
  }
  .text-lead .lead-color {
    color: #009c84;
  }
  .text-lead_type02 {
    margin: 1em 0 1em;
    font-size: 1.6rem;
    font-weight: bold;
    color: #009c84;
  }

  /* ----- text-title ----- */
  .text-title {
    margin: 1em 0;
    font-size: 1.6rem;
    font-weight: bold;
   }
  /* ----- text-indent ----- */
  .text-indent {
    position: relative;
    padding-left: 1.3em;
   }
  .text-indent > span {
    position: absolute;
    top: 0;
    left: 0;
   }
  /* ----- text-indent ----- */
  .president-name {
    margin: 1em 0 1em;
  }

  /* ------------------------------------------------------
   * Element >>> List
  ------------------------------------------------------ */
  [class*="list-note"],
  [class*="list-bullet"],
  [class*="list-order"] {
    margin-top: 1em;
  }
  [class*="list-description"] {
    margin-top: 1.5em;
  }
  [class*="list-note"] > li + li,
  [class*="list-bullet"] > li + li,
  [class*="list-order"] > li + li {
    margin-top: .5em;
  }
  [class*="list-"].is-nest {
    margin: .5em 0 .75em;
  }
  [class*="list-note"] > li > .list_detail,
  [class*="list-bullet"] > li > .list_detail,
  [class*="list-order"] > li > .list_detail {
    margin-top: .25em;
  }
  [class*="list-note"] > li > .list_detail > *:first-child,
  [class*="list-note"] > li > .list_detail > section:first-child > [class*="heading-lv"],
  [class*="list-bullet"] > li > .list_detail > *:first-child,
  [class*="list-bullet"] > li > .list_detail > section:first-child > [class*="heading-lv"],
  [class*="list-order"] > li > .list_detail > *:first-child,
  [class*="list-order"] > li > .list_detail > section:first-child > [class*="heading-lv"],
  [class*="list-description"] > dd > *:first-child,
  [class*="list-description"] > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- list-al-right ----- */
  .list-al-right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 1em;
  }
  .list-al-right > [class*="list-"] {
    margin-top: 0;
  }

  /* ----- list-note ----- */
  .list-note > li {
    position: relative;
    padding-left: 1em;
    font-size: 1.3rem;
  }
  .list-note > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* v2 */
  .list-note-v2 > li {
    position: relative;
    padding-left: 3em;
    font-size: 1.3rem;
  }
  .list-note-v2 > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* ----- list-bullet ----- */
  .list-bullet > li {
    position: relative;
    padding-left: 20px;
  }
  .list-bullet > li::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #73cc73;
    content: "";
  }
  /* v2 */
  .list-bullet-v2 > li {
    position: relative;
    padding-left: 12px;
  }
  .list-bullet-v2 > li::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #73cc73;
    content: "";
  }
  .list-bullet-v2 > li + li {
    margin-top: .7em;
  }

  /* ----- list-order ----- */
  .list-order > li {
    position: relative;
    padding-left: 2.5em;
  }
  .list-order > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #009c84;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.1;
  }
  /* v2 */
  .list-order-v2 > li {
    position: relative;
    padding-left: 3.5em;
  }
  .list-order-v2 > li + li {
    margin-top: .5em;
  }
  .list-order-v2 > li > .list_mark {
    position: absolute;
    top: .2em;
    left: 0;
    line-height: 1.1;
  }

  /* ----- list-description ----- */
  .list-description {
    margin: 1em 0;
  }
  .list-description > dt {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .list-description > dt:first-child {
    margin-top: 0 !important;
  }
  .list-description > dd {
    padding-top: 1em;
  }

  /* ------------------------------------------------------
   * Element >>> Link
  ------------------------------------------------------ */
  [class*="link-text"] {
    margin-top: 1em;
  }
  [class*="link-text"] > li + li {
    margin-top: .75em;
  }
  [class*="link-button"] {
    margin-top: 1.5em;
  }
  [class*="link-button"] > li + li {
    margin-top: .75em;
  }
  [class*="link-button"] > li > a {
    width: 100%;
  }
  [class*="link-button"].is-centering {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  [class*="link-button"].is-centering > li {
    display: -webkit-flex;
    display: flex;
    width: calc((100% - 15px) / 2);
  }
  [class*="link-button"].is-centering > li + li {
    margin-top: 0;
    margin-left: 15px;
  }
  [class*="link-button"].is-centering > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  [class*="link-button"][data-row-sp] > li {
    display: -webkit-flex;
    display: flex;
    margin-top: 1em;
  }
  [class*="link-button"][data-row-sp] > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  }
  [class*="link-"].is-nest {
    margin: .5em 0 1em;
  }

  /* ----- link-text ----- */
  .link-text > li > a {
    display: inline-block;
    position: relative;
    padding-left: 11px;
  }
  .link-text > li > a::before {
    position: absolute;
    top: .5em;
    left: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    content: "";
  }
  .list-bullet .link-text > li > a::before {
    top: .4em;
  }

  /* ----- link-button ----- */
  .link-button {
    padding: 4px 4px;
  }
  .link-button > li > a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 15px 10px;
    border: 1px solid #fff;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    color: #333;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
  }
  .link-button > li > a.js-fundList-sort_switch,
  .link-button > li > a.js-fundAgency-sort_switch {
    padding: 7px 10px;
  }
  .link-button > li > .a-blank,
  .link-button > li > .a-pdf,
  .link-button > li > .a-modal {
    padding-right: 40px;
  }
  .link-button .link_label {
    display: inline-block;
    line-height: 1.5;
  }
  .link-button.tooltip-type > li > .tooltip {
    display: none;
  }
  /* v2 */
  .link-button-v2 > li > a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 20px 10px;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #e3e3ee;
    color: #333;
    line-height: 1.4;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  .link-button-v2 > li > .a-blank,
  .link-button-v2 > li > .a-pdf,
  .link-button-v2 > li > .a-modal {
    padding-right: 40px;
  }
  .link-button-v2 .link_label {
    display: inline-block;
    line-height: 1.5;
  }
  .link-button > li.is-current > a {
    border: 1px solid #009c84;
    color: #009c84;
    font-weight: 700;
  }
  .link-button-v2 > li.is-current > a {
    background-color: #009c84;
    color: #fff;
  }

  .link-button.prev_button {
    margin-top: 2.1em;
  }
  .link-button > li > a.a-prev {
    width: auto;
    padding-left: 36px;
  }
  .link-button > li > a.a-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
    width: 8px;
    height: 8px;
    margin: -6px 0 0 5px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
  }

  .js-tabs > .js-tabs_navi:last-child > .link-button.tab_list:first-child {
    margin-top: 50px !important;
  }

  /* ----- link-img-button ----- */
  .link-img-button {
    margin-top: 1.45em;
  }
  .link-img-button > li + li {
    margin-top: -1px;
  }
  .link-img-button > li .block {
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .link-img-button > li a {
    padding: 13px;
    border: solid 1px #ccc;
    color: #2073b3;
    font-weight: bold;
  }
  .link-img-button > li a.a-blank::after,
  .link-img-button > li a.a-pdf::after {
    margin-left: 20px;
  }
  .link-img-button > li a:hover {
    border: solid 1px #009c84;
    color: #009c84;
  }
  .link-img-button > li .block .image {
    width: 50px;
    margin-right: 13px;
  }
  .link-img-button > li .block .title {
    flex: 1;
    font-size: 1.6rem;
  }

  /* ----- a-modal-img ----- */
  .a-modal-img {
    position: relative;
    display: block;
    outline: none;
  }
  .a-modal-img::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 37px;
    height: 37px;
    background: #fff;
    content: "";
  }
  .a-modal-img::after {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 21px;
    height: 21px;
    background: url(/common/img/com_sprite01.png) no-repeat -180px -60px;
    background-size: 240px auto;
    content: "";
  }

  /* ------------------------------------------------------
   * Element >>> Image
  ------------------------------------------------------ */
  /* ----- image-set ----- */
  .image-set {
    margin: 1em 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .image-set .image_caption {
    margin-top: 1em;
    font-size: 1.3rem;
    text-align: left;
  }
  .image-set.gp-al-right {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .image-set.gp-al-left {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  /* ------------------------------------------------------
   * Element >>> Video
  ------------------------------------------------------ */
  .movie-layout {
    margin: 1em 0;
    text-align: center;
  }
  .movie-layout .layout-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 50px;
  }
  .movie-layout .layout-inner video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .movie-layout .layout-inner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .movie-modal {
    margin: 1em 0;
    text-align: center;
  }
  .movie-modal .movie-modal-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 50px;
  }
  .movie-modal .movie-modal-inner iframe {
    width: 100%;
    min-height: 210px;
  }

  /* ------------------------------------------------------
   * Element >>> Form
  ------------------------------------------------------ */

  /* ------------------------------------------------------
   * Element >>> Other
  ------------------------------------------------------ */

  /* ------------------------------------------------------
   * Layout >>> Column
  ------------------------------------------------------ */
  [class*="column-layout"] > [class*="column_item"] > *:first-child,
  [class*="column-layout"] > [class*="column_item"] > section:first-child > [class*="heading-lv"],
  [class*="column-media"] > [class*="column_"] > *:first-child,
  [class*="column-media"] > [class*="column_"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- column-layout ----- */
  .column-layout {
    margin-top: 1em;
  }
  .column-layout > .column_item {
    margin-top: 1em;
  }

  /* ----- column-media ----- */
  .column-media {
    margin-top: 1em;
  }
  .column-media[data-layout-sp="row"] > .column_image {
    max-width: calc((100% - 15px) / 2);
  }
  .column-media[data-layout-sp="row"] > .column_image[data-image="right"] {
    float: right;
    margin-left: 15px;
  }
  .column-media[data-layout-sp="row"] > .column_image[data-image="left"] {
    float: left;
    margin-right: 15px;
  }
  .column-media[data-layout-sp="col"] > .column_detail,
  .column-media[data-layout-sp="col-reverse"] > .column_image {
    margin-top: 1em;
  }
  .column-media[data-layout-sp="col-reverse"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .column-media > .column_detail[data-wraparound="false"] {
    overflow: hidden;
  }

  /* ------------------------------------------------------
   * Layout >>> Table
  ------------------------------------------------------ */
  [class^="table-layout"] {
    overflow-x: auto;
    padding-bottom: 1px;
  }
  [class*="table-layout"] th > *:first-child,
  [class*="table-layout"] th > section:first-child > [class*="heading-lv"],
  [class*="table-layout"] td > *:first-child,
  [class*="table-layout"] td > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- table-layout ----- */
  .table-layout {
    margin: 1em 0;
  }
  table.nesting-type {
    border-collapse: separate;
  }
  .table-layout .table_inner {
    width: 100%;
    border-top: 1px solid #ccc;
  }
  .table-layout caption {
    margin: 1em 0;
    text-align: left;
  }
  .table-layout caption > *:first-child {
    margin-top: 0 !important;
  }
  .table-layout caption > *:last-child {
    margin-bottom: 0 !important;
  }
  .table-layout .table_title {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .table-layout .table_caption {
    margin-top: 0.7em;
  }
  .table-layout th,
  .table-layout td {
    padding: 15px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
  }
  .table-layout th.cell-parent01,
  .table-layout td.cell-parent01 {
    border-bottom: none;
  }
  .table-layout th.cell-child01,
  .table-layout td.cell-child01 {
    border-right: 1px solid #ccc;
    border-bottom: none;
  }
  .table-layout th.cell-child02,
  .table-layout td.cell-child02 {
    border-right: 1px solid #ccc;
  }
  .table-layout th.cell-child03,
  .table-layout td.cell-child03 {
    border-top: 1px solid #ccc;
  }
  .table-layout thead th {
    padding: 8px 10px;
    vertical-align: middle;
  }
  .table-layout th > *:first-child,
  .table-layout td > *:first-child {
    margin-top: 0 !important;
  }
  .table-layout .cell-style1 {
    background-color: #e3e3ee;
  }
  .table-layout .cell-style2 {
    background-color: #f7f8fc;
  }
  .table-layout .cell-style3 {
    background-color: #fff2f2;
    font-weight: bold;
  }
  .table-layout[data-layout-sp="scroll"] {
    overflow-x: auto;
    padding-bottom: 20px;
  }
  .table-layout[data-layout-sp="scroll"]::-webkit-scrollbar {
    height: 6px;
  }
  .table-layout[data-layout-sp="scroll"]::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #f1f1f1;
  }
  .table-layout[data-layout-sp="scroll"]::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #888;
  }
  .table-layout[data-layout-sp="scroll"] th,
  .table-layout[data-layout-sp="scroll"] td {
    white-space: nowrap;
  }
  .table-layout[data-layout-sp="vertical"] col,
  .table-layout[data-layout-sp="vertical"] tbody,
  .table-layout[data-layout-sp="vertical"] tr,
  .table-layout[data-layout-sp="vertical"] th,
  .table-layout[data-layout-sp="vertical"] td {
    display: block;
    width: 100% !important;
  }

  /* ------------------------------------------------------
   * Layout >>> Box
  ------------------------------------------------------ */
  [class*="box-layout"] > [class*="box_detail"] > *:first-child,
  [class*="box-layout"] > [class*="box_detail"] > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ----- box-layout ----- */
  .box-layout {
    margin: 2.85em -15px 0;
    padding: 25px 15px 25px;
    background-color: #f7f8fc;
  }
  .box-layout > .box_title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .box-layout > .box_detail {
    padding-top: 15px;
  }
  .lesson-notebox {
    margin: 55px 0 15px;
    padding: 15px;
    border: 1px solid #d00203;
  }
  .lesson-notebox .list-note > li {
    line-height: 1.75;
  }

  /* ------------------------------------------------------
   * Layout >>> Other
  ------------------------------------------------------ */
  /* ----- accordion-layout ----- */
  .accordion-layout {
    margin: 1.45em -15px 0;
  }
  .accordion-layout > .accordion_trigger {
    position: relative;
    margin: 0;
  }
  .accordion-layout > .accordion_trigger::before,
  .accordion-layout > .accordion_trigger::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #009c84;
    content: "";
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  }
  .accordion-layout > .accordion_trigger::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .accordion-layout > .accordion_trigger.is-active::before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  .accordion-layout > .accordion_trigger > .accordion_label {
    display: block;
    padding: 17px 45px 15px 15px;
    background-color: #e3e3ee;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    cursor: pointer;
  }
  .accordion-layout > .accordion_trigger.is-active > .accordion_label {
    background-color: #f7f8fc;
    box-shadow: none;
  }
  .accordion-layout > .accordion_detail {
    padding: 0 15px;
    background-color: #f7f8fc;
    border-top: solid 1px #ccc;
  }
  .accordion-layout > .accordion_detail > .detail-inner {
    padding: 25px 0 25px;
  }
  .accordion-layout > .accordion_detail > .detail-inner > *:first-child {
    margin-top: 0;
  }
  .accordion-layout > .accordion_detail > .detail-inner > *:last-child {
    margin-bottom: 0;
  }

  /* ----- tab-layout ----- */
  .tab-layout {
    margin: 1em -15px 0;
  }
  .tab-layout > .tab_navi {
    overflow: hidden;
    padding-bottom: 10px;
  }
  .tab-layout > .tab_navi.foot-type {
    padding-top: 10px;
    padding-bottom: 0;
  }
  .tab-layout .tab_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    border-top: 2px solid #009d85;
    border-bottom: 2px solid #009d85;
  }
  .tab-layout .tab_list > li {
    -webkit-flex: 1;
    flex: 1;
  }
  .tab-layout .tab_list > li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 9px 5px 8px;
    border-left: solid 1px #009d85;
    color: #333;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
  }
  .tab-layout .tab_list > li:first-child > a {
    border-left: none;
  }
  .tab-layout .tab_list > .is-current {
    padding-top: 0;
  }
  .tab-layout .tab_list > .is-current > a {
    background: #009d85;
    color: #fff;
  }
  .tab-layout .tab_list > .is-current > a::after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #009d85 transparent transparent transparent;
    content: "";
  }
  .tab-layout > .tab_navi.foot-type > .tab_list > .is-current > a::after {
    top: -10px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #009d85 transparent;
  }
  .tab-layout > .tab_detail {
    display: none;
    padding: 10px 15px;
  }
  .tab-layout > .tab_detail > *:first-child {
    margin-top: 0 !important;
  }
  /* scroll */
  .tab-layout[data-layout-sp="scroll"] > .tab_navi {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
  }
  .tab-layout[data-layout-sp="scroll"] > .tab_navi::-webkit-scrollbar {
    height: 6px;
  }
  .tab-layout[data-layout-sp="scroll"] > .tab_navi::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #f1f1f1;
  }
  .tab-layout[data-layout-sp="scroll"] > .tab_navi::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #555;
  }
  .tab-layout[data-layout-sp="scroll"] .tab_list {
    flex-wrap: nowrap;
    width: 500px;
  }
  .tab-layout[data-layout-sp="scroll"] .tab_list > li {
    -webkit-flex: 1;
    flex: 1;
    white-space: nowrap;
  }
  .tab-layout .tab_navi .tab_list > li > a {
    text-align: center;
  }


  /* ------------------------------------------------------
   * Component >>> Navi
  ------------------------------------------------------ */
  /* ----- navi-anchor ----- */
  .navi-anchor {
    margin: 1em -15px;
    background: #f7f8fc;
  }
  .navi-anchor .navi_inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden;
    margin-right: -20px;
    padding: 5px 15px 15px;
  }
  .navi-anchor .navi_inner > li {
    margin: 10px 20px 0 0;
  }
  .navi-anchor .navi_inner > li > a {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    color: #333;
  }
  .navi-anchor .navi_inner > li > a::before {
    position: absolute;
    top: .4em;
    left: 2px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
    height: 8px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    content: "";
  }

  [data-row-sp="4"] > *:nth-child(-n+4),
  [data-row-sp="5"] > *:nth-child(-n+5) {
    margin-top: 0 !important;
  }
  [data-row-sp="4"] > *:nth-child(4n+1),
  [data-row-sp="5"] > *:nth-child(5n+1) {
    margin-left: 0 !important;
  }
  [data-row-sp="4"] > * { width: calc((100% - 15px * 3) / 4); }
  [data-row-sp="5"] > * { width: calc((100% - 15px * 4) / 5); }
  .navi-anchor .navi_inner[data-row-sp] {
    margin-right: 0;
    padding-top: 15px;
  }
  .navi-anchor .navi_inner[data-row-sp] > li {
    margin-right: 0;
  }

  /* ------------------------------------------------------
   * Component >>> Index
  ------------------------------------------------------ */
  [class*="index-layout"] .index_caption > *:first-child,
  [class*="index-layout"] .index_caption > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }

  /* ------------------------------------------------------
   * Component >>> Other
  ------------------------------------------------------ */
  /* ----- news-layout ----- */
  .news-layout {
    margin-top: 1em;
  }
  .news-layout .block {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 12px 0 10px;
    color: #333;
    text-decoration: none;
    outline: none;
  }
  .news-layout.js-fundProduct-topics_article .block {
    display: block;
  }
  .news-layout .news_image {
    width: 70px;
    margin-right: 12px;
  }
  .news-layout .news_detail {
    -webkit-flex: 1;
    flex: 1;
  }
  .news-layout .news_property {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .news-layout .news_date {
    color: #676767;
    font-size: 1.3rem;
  }
  .news-layout [class*="news_icon"] {
    display: inline-block;
    min-width: 97px;
    width: auto;
    margin-left: 15px;
    padding: 0 9px;
    color: #fff;
    border-radius: 16px;
    line-height: 22px;
    font-size: 1.3rem;
    font-weight: normal;
    text-align: center;
  }
  .news-layout .news_icon.type1 {
    background-color: #008570;
  }
  .news-layout .news_title {
    -webkit-flex: 1;
    flex: 1;
    margin-top: .5em;
  }
  .news-layout a .news_title {
    color: #0075c2;
    text-decoration: underline;
  }

  /* ----- plugin-layout ----- */
  .plugin-layout {
    margin-top: 1em;
  }
  .plugin-layout a {
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    outline: none;
  }
  .plugin-layout .plugin_detail {
    margin-top: 15px;
  }
  .plugin-layout a .a-blank {
    color: #0075c2;
  }
  .plugin-layout.ms-type {
    display: none;
  }

  /* ----- contact-box-layout ----- */
  .contact-box-layout {
    margin: 1em 0;
    padding: 30px 15px;
    background: #f7f8fc;
  }
  .contact-box-layout > .layout-inner {
    padding: 30px 15px 26px;
    background: #fff;
  }
  .contact-box-layout > .layout-inner > .title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
  }
  .contact-box-layout > .layout-inner > .info {
    margin-top: 20px;
  }
  .contact-box-layout > .layout-inner > .info .tel {
    margin: 0;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
  }
  .contact-box-layout > .layout-inner > .info .tel a {
    display: block;
    position: relative;
    width: 100%;
    padding: 16px 10px 15px;
    border: 1px solid #fff;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    color: #009c84;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
  }
  .contact-box-layout > .layout-inner > .info .tel a::before {
    display: inline-block;
    width: 45px;
    height: 26px;
    margin: 0 13px 0 0;
    background: url(/common/img/com_sprite01.png) no-repeat -120px -40px;
    background-size: 240px auto;
    vertical-align: middle;
    content: "";
  }
  .contact-box-layout > .layout-inner > .info .time {
    margin: 20px 0 0;
    font-size: 1.3rem;
    text-align: center;
  }

  /* ----- carousel-layout ----- */
  .carousel-layout {
    position: relative;
    margin: 1em -15px;
    padding-bottom: 46px;
  }
  .carousel-layout .slick-arrow.slick-prev {
    position: absolute;
    bottom: 0;
    left: 72px;
    z-index: 2;
    width: 40px;
    height: 25px;
    background: #f3f3f3;
    border: none;
    border-radius: 12px;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
  }
  .carousel-layout .slick-arrow.slick-next {
    position: absolute;
    bottom: 0;
    left: 125px;
    z-index: 2;
    width: 40px;
    height: 25px;
    background: #f3f3f3;
    border: none;
    border-radius: 12px;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
  }
  .carousel-layout .slick-arrow.slick-prev::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    width: 7px;
    height: 13px;
    margin: -5px 0 0 -3px;
    background: url(/common/img/com_sprite01.png) no-repeat -200px -40px;
    background-size: 240px auto;
    content: "";
  }
  .carousel-layout .slick-arrow.slick-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    width: 7px;
    height: 13px;
    margin: -5px 0 0 -3px;
    background: url(/common/img/com_sprite01.png) no-repeat -220px -40px;
    background-size: 240px auto;
    content: "";
  }
  .carousel-layout .slick-dots {
    position: absolute;
    bottom: 7px;
    right: 10px;
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .carousel-layout .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
  }
  .carousel-layout .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    background: #d1d1d1;
    border: none;
    border-radius: 5px;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
  }
  .carousel-layout .slick-dots li.slick-active button {
    background: #009c84;
  }
  .carousel-layout .operation-btn {
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: 2;
    width: 40px;
    height: 25px;
    background: #f3f3f3;
    border: none;
    border-radius: 12px;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
  }
  .carousel-layout .operation-btn.stop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/common/img/com_sprite01.png) no-repeat -180px -40px;
    background-size: 240px auto;
    content: "";
  }
  .carousel-layout .operation-btn.play::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    width: 0;
    height: 0;
    margin: -5px 0 0 -4px;
    border-style: solid;
    border-width: 6.5px 0 6.5px 7px;
    border-color: transparent transparent transparent #009c85;
    content: "";
  }

  /* ----- modal ----- */
  #cboxOverlay {
    opacity: 0.3 !important;
  }
  #cboxContent {
    padding-top: 47px;
    background: none;
  }
  .modal-inline #cboxContent {
    padding-top: 0;
  }
  #cboxLoadedContent {
    border: none;
    padding: 0;
    background: none;
  }
  #cboxClose {
    top: 10px;
    right: 15px;
    width: 22px;
    height: 22px;
    background: none;
  }
  .modal-inline #cboxClose {
    top: 15px;
  }
  #cboxClose::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 30px;
    margin: -15px 0 0 0;
    background: #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
  }
  #cboxClose::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 30px;
    margin: -15px 0 0 0;
    background: #6a6a6a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .modal-content {
    display: none;
  }
  .modal-inline .modal-inner {
    padding: 50px 15px 10px;
    background: #fff;
  }
  .modal-inner > section:first-child > *:first-child {
    margin-top: 0;
  }

  /* Morningstar Modal */
  .morningstar-modal .distribution-image {
    margin: 0.5em 0 0.5em;
  }
  .morningstar-modal p {
    margin-top: 1em;
  }
  .morningstar-modal .heading-lv3 {
    margin-top: 0;
  }
  .morningstar-modal .small-bold {
    font-size: 1.3rem;
    font-weight: bold;
  }
  .morningstar-modal .rating-list dl {
    margin-top: 0.5em;
  }
  .morningstar-modal .rating-list dt {
    font-weight: bold;
  }
  .morningstar-value {
    margin-top: 17px;
  }
  .morningstar-value .title {
    display: none;
  }
  .morningstar-value .formula-list {
    line-height: 1.4;
    padding: 8px 10px;
    background: #f7f8fc;
    font-weight: bold;
  }
  .morningstar-value .formula-list span {
    display: block;
  }
  .morningstar-value .inner .image01 {
    margin-top: 13px;
  }
  .morningstar-value .inner .image02 {
    margin-top: 27px;
  }
  .morningstar-value .inner .image03 {
    margin-top: 20px;
  }
  .morningstar-value .inner .image04 {
    margin-top: 20px;
  }
  .morningstar-value .inner .image05 {
    margin-top: 43px;
  }
  .morningstar-value .inner .image05 + .text-paragraph {
    margin-top: 2em;
  }

  /* ----- menu-cards ----- */
  .menu-cards {
    margin-top: 40px;
  }
  .menu-card {
    display: flex;
    padding: 20px 15px;
    border: solid 1px #ccc;
    color: #2073b3;
    font-size: 1.4rem;
    line-height: 1.56;
  }
  .menu-card:nth-child(n+2) {
    margin-top: 20px;
  }
  .menu-card_image {
    width: 52px;
    align-self: center;
    flex-shrink: 0;
  }
  .menu-card_detail {
    padding-left: 15px;
    flex-grow: 1;
  }
  .menu-card_title {
    font-weight: bold;
  }
  .menu-card_txt {
    margin-top: 0.8em;
    color: #333;
  }

  /* ----- category-index ----- */
  .category-indexWrap {
    margin: 0 0 70px;
  }
  .category-indexWrap a.category-index {
    display: block;
    background-color: #f7f8fc;
    color: #333;
  }
  .category-indexWrap a.category-index:nth-child(n+2) {
    margin-top: 20px !important;
  }
  .category-indexWrap .category-index_detail {
    padding: 30px 15px;
  }
  .category-indexWrap .category-index_title {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .category-indexWrap .category-index_txt {
    margin-top: 0.8em;
  }
  /* ------------------------------------------------------
   * fund-favorite-button
  ------------------------------------------------------ */
  /* fund-favorite-button */
  .fund-favorite-button {
    overflow: hidden;
    display: inline-block;
    width: 25px;
    height: 24px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: url("/fund/img/fund_favorite_ic01.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    border: none;
    text-align: left;
    text-indent: -9999em;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fund-favorite-button.is-active {
    background-image: url("/fund/img/fund_favorite_ic02.png");
  }

  /* ------------------------------------------------------
   * fund-table-comp
  ------------------------------------------------------ */
  /* fund-table-comp */
  .fund-table-comp {
    margin: 15px 0 0;
  }
  .fund-table-comp > *:first-child {
    margin-top: 0 !important;
  }
  .fund-table-comp .table_date {
    display: flex;
    justify-content: flex-end;
  }
  .fund-table-comp .table_date > * {
    color: #555;
    font-size: 1.3rem;
  }
  .fund-table-comp .table_date > dt::after {
    content: "：";
  }
  .fund-table-comp .table_scroll {
    margin: 15px 0 0;
  }
  .fund-table-comp .table_content {
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  .fund-table-comp .table_content .table_thead {
    display: none;
  }
  .fund-table-comp .table_content .table_tbody .table_tr {
    position: relative;
    padding: 15px 10px 30px;
    border-top: 1px solid #ccc;
  }
  .fund-table-comp .table_content .table_tbody .table_tr:nth-child(2n+1) {
    background-color: #fff;
  }
  .fund-table-comp .table_content .table_tbody .table_tr:nth-child(2n) {
    background-color: #f7f8fc
  }
  .fund-table-comp .table_content .table_tbody .table_tr > .table_td.td_bookmark {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 25px;
  }
  .fund-table-comp .table_content .table_item.item_title {
    display: flex;
    padding: 0 35px 0 0;
  }
  .fund-table-comp .table_content .table_item.item_title > .itme_th {
    margin: 0 9px 0 0;
  }
  .fund-table-comp .table_content .table_item.item_title > .itme_td {
    flex: 1;
  }
  .fund-table-comp .table_content .table_item.item_button {
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    justify-content: space-between;
  }
  .fund-table-comp .table_content .table_item.item_button > .itme_cell {
    width: calc((100% - 15px) / 2);
  }
  .fund-table-comp .table_unit {
    font-size: 1.2rem;
  }
  .fund-table-comp .table_rank {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 21px;
    height: 21px;
    background-color: #86b3ac;
    border-radius: 50%;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1.1;
    text-align: center;
  }
  .fund-table-comp .table_rank.type-1st {
    background-color: #c69600;
  }
  .fund-table-comp .table_rank.type-2nd {
    background-color: #9a9aa6;
  }
  .fund-table-comp .table_rank.type-3rd {
    background-color: #b4604f;
  }
  .fund-table-comp .table_produnt {
    padding: 1px 0 0;
  }
  .fund-table-comp .table_label {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0;
  }
  .fund-table-comp .table_content .table_item.item_title > .itme_th + .itme_td .table_label {
    margin-left: -30px;
  }
  .fund-table-comp .table_content .table_item.item_list {
    margin: 15px 0 0;
  }
  .fund-table-comp .table_content .table_toggle .toggle_panel .table_item.item_list,
  .fund-table-comp .table_content .table_item.item_list > .itme_cell + .itme_cell {
    margin-top: 1px;
  }
  .fund-table-comp .table_label > li {
    margin: 8px 8px 0 0;
    padding: 4px 8px;
    border: 1px solid #009c84;
    color: #009c84;
    font-size: 1.3rem;
    line-height: 1.1;
  }
  .fund-table-comp .table_toggle .toggle_button {
    margin: 20px 0 0;
  }
  .fund-table-comp .table_toggle .toggle_button > li {
    text-align: center;
  }
  .fund-table-comp .table_toggle .toggle_button > li > button {
    min-width: 165px;
    padding: 15px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: transparent;
    border: none;
    border-radius: 22px;
    font-size: 1.4rem;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fund-table-comp .table_toggle .toggle_button > li > button.button_more {
    background-color: #fff;
  }
  .fund-table-comp .table_toggle .toggle_button > li > button.button_close {
    background-color: #ddd;
  }
  .fund-table-comp .table_list {
    display: flex;
  }
  .fund-table-comp .table_tr:nth-child(2n+1) .table_list {
    background-color: #f7f8fc;
  }
  .fund-table-comp .table_tr:nth-child(2n) .table_list {
    background-color: #fff;
  }
  .fund-table-comp .is-highlight .table_list {
    background-color: #fef5d9 !important;
  }
  .fund-table-comp .table_list > * {
    padding: 10px;
  }
  .fund-table-comp .table_list > dt br {
    display: none;
  }
  .fund-table-comp .table_list > dd {
    text-align: right;
  }
  .fund-table-comp .table_list > dd {
    flex: 1;
    text-align: right;
  }
  .fund-table-comp .table_list > dd br {
    display: none;
  }
  .fund-table-comp .table_list > dd > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .fund-table-comp .table_list > dd > ul > li + li {
    margin-left: 1em;
  }
  .fund-table-comp .table_button,
  .fund-table-comp .table_button > li {
    display: flex;
    width: 100%;
  }
  .fund-table-comp .table_button > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    box-shadow: 0 1px 4px 0px rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius: 22px;
    color: #333;
    line-height: 1.1;
  }
  .fund-table-comp .table_button > li > a.type-report {
    padding-left: 35px;
    padding-right: 20px;
  }
  .fund-table-comp .table_button > li > a.type-agency {
    padding-left: 35px;
    padding-right: 20px;
  }
  .fund-table-comp .table_button > li > a.type-report::before,
  .fund-table-comp .table_button > li > a.type-agency::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .fund-table-comp .table_button > li > a.type-report::before {
    width: 15px;
    height: 15px;
    background-image: url("/fund/search/img/search_ic02.png");
  }
  .fund-table-comp .table_button > li > a.type-agency::before {
    width: 12px;
    height: 13px;
    background-image: url("/fund/search/img/search_ic01.png");
  }
  .fund-table-comp .table_button_none {
    text-align: center;
  }

  /* ------------------------------------------------------
   * market-index-layout
  ------------------------------------------------------ */
  /* market-index-layout */
  .market-index-layout {
    margin: 30px 0 0;
  }
  .market-index-layout .index_column {
    margin: 0 -15px;
  }
  .market-index-layout .index_column > .column_col + .column_col {
    margin-top: 2px;
  }
  .market-index-layout .index_column > .column_col .col_inner {
    padding: 0 0 38px;
  }
  .market-index-layout .index_column > .column_col .col_title {
    position: relative;
    background-color: #009c84;
  }
  .market-index-layout .index_column > .column_col .col_title::before,
  .market-index-layout .index_column > .column_col .col_title::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
  }
  .market-index-layout .index_column > .column_col .col_title::before {
    right: 15px;
    width: 20px;
    height: 2px;
  }
  .market-index-layout .index_column > .column_col .col_title::after {
    right: 24px;
    width: 2px;
    height: 20px;
    transition: all .2s ease-out 0s;
  }
  .market-index-layout .index_column > .column_col.is-open .col_title::after {
    opacity: 0;
  }
  .market-index-layout .index_column > .column_col .col_title .title_text {
    margin: 0 50px 0 0;
    padding: 20px 15px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto 100%;
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 1.1;
  }
  .market-index-layout .index_column > .column_col.type-stock_japan .col_title .title_text {
    background-color: #08579d;
    background-image: url("/market/img/index_info_bg01.jpg");
    color: #fff;
  }
  .market-index-layout .index_column > .column_col.type-stock_foreign .col_title .title_text {
    background-color: #0b505e;
    background-image: url("/market/img/index_info_bg02.jpg");
    color: #fff;
  }
  .market-index-layout .index_column > .column_col.type-domestic_bond .col_title .title_text {
    background-color: #ececec;
    background-image: url("/market/img/index_info_bg03.jpg");
  }
  .market-index-layout .index_column > .column_col.type-foreign_bond .col_title .title_text {
    background-color: #f9e4cc;
    background-image: url("/market/img/index_info_bg04.jpg");
  }
  .market-index-layout .index_column > .column_col.type-reit .col_title .title_text {
    background-color: #c6dff4;
    background-image: url("/market/img/index_info_bg05.jpg");
  }
  .market-index-layout .index_column > .column_col.type-currency .col_title .title_text {
    background-color: #cdd2db;
    background-image: url("/market/img/index_info_bg06.jpg");
  }
  .market-index-layout .index_column > .column_col .col_detail {
    padding: 25px 15px 30px;
    background-color: #f7f8fc;
  }
  .market-index-layout .index_column > .column_col .col_detail + .link-text {
    margin-top: 1.3em;
  }
  .market-index-layout .index_column > .column_col .col_date {
    color: #676767;
    line-height: 1.1;
  }
  .market-index-layout .index_column > .column_col .col_text {
    margin: 1em 0 0;
    line-height: 1.42;
  }
  /* market-index-layout-v2 */
  .market-index-layout-v2 {
    margin: 30px 0 0;
  }
  .market-index-layout-v2 .index_column > .column_col {
    background-color: #f7f8fc;
  }
  .market-index-layout-v2 .index_column > .column_col + .column_col {
    margin-top: 20px;
  }
  .market-index-layout-v2 .index_column > .column_col .col_heading .heading_image img {
    width: 100%;
  }
  .market-index-layout-v2 .index_column > .column_col .col_heading .heading_title {
    padding: 20px 15px 0;
  }
  .market-index-layout-v2 .index_column > .column_col .col_heading .heading_title .title_text {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.38;
  }
  .market-index-layout-v2 .index_column > .column_col a.col_heading {
    color: #333;
  }
  .market-index-layout-v2 .index_column > .column_col .col_detail {
    padding: 10px 15px 30px;
  }
  .market-index-layout-v2 .index_column > .column_col .col_detail > *:first-child {
    margin-top: 0 !important;
  }
  .market-index-layout-v2 .index_column > .column_col .col_detail > *:last-child {
    margin-bottom: 0 !important;
  }


  .market-indexWrap {
    display: block;
  }
  .market-news + .market-news {
    margin-top: 25px;
  }
  .market-news_date {
    margin: 0 0 0.5em;
    color: #676767;
    font-size: 1.3rem;
  }
  .market-news_title .a-pdf:after {
    display: inline-block;
    margin: .1em 0 0 5px;
    width: 15px;
    height: 15px;
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-position: -160px 0;
    background-size: 240px auto;
    vertical-align: top;
    content: "";
  }
  .market-news_title .a-blank:after {
    display: inline-block;
    margin: .3em 0 0 5px;
    width: 10px;
    height: 10px;
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-position: -120px 0;
    background-size: 240px auto;
    vertical-align: top;
    content: "";
  }

  /* ------------------------------------------------------
   * words-detail-layout
  ------------------------------------------------------ */
  /* words-detail-layout */
  .words-detail-layout .detail_frame {
    display: flex;
  }
  .words-detail-layout .detail_frame > * {
    display: flex;
    align-items: center;
    padding: 10px 15px;
  }
  .words-detail-layout .detail_frame > * > * {
    width: 100%;
  }
  .words-detail-layout .detail_frame > * > * > *:first-child {
    margin-top: 0 !important;
  }
  .words-detail-layout .detail_frame > * > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .words-detail-layout .detail_frame > .frame_title {
    background-color: #e3e3ee;
  }
  .words-detail-layout .detail_frame > .frame_title .title_text {
    font-weight: 700;
  }
  .words-detail-layout .detail_frame > .frame_detail {
    flex: 1;
    padding-right: 0;
  }
  .words-detail-layout .detail_frame_2 {
    padding: 25px 15px;
    background-color: #f7f8fc;
  }
  .words-detail-layout .detail_frame_2 > *:first-child {
    margin-top: 0 !important;
  }
  .words-detail-layout .detail_frame_2 > *:last-child {
    margin-bottom: 0 !important;
  }
  .words-detail-layout .detail_frame_2 .frame_title {
    font-size: 2.0rem;
    font-weight: 700;
  }
  .words-detail-layout .detail_frame_2 .frame_detail {
    margin: 0.7em 0 0;
  }
  .words-detail-layout .detail_frame_2 .frame_detail > *:first-child {
    margin-top: 0 !important;
  }

  /* words-detail-layout-v2 */
  .words-detail-layout-v2 {
    margin: 40px 0 0;
    padding: 15px 0 0;
    border-top: 2px solid #ccc;
  }
  .words-detail-layout-v2 > *:first-child {
    margin-top: 0 !important;
  }
  .words-detail-layout-v2 .detail_heading {
    font-size: 1.8rem;
    font-weight: 700;
  }

  /* ------------------------------------------------------
   * accordion-layout.type-faq
  ------------------------------------------------------ */
  .accordion-layout.type-faq .accordion_trigger .accordion_label {
    padding-left: 50px;
  }
  .accordion-layout.type-faq .accordion_trigger .accordion_label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 25px;
    height: 25px;
    background-image: url("/useful/img/faq_ic01.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    transform: translateY(-50%);
  }
  .accordion-layout.type-faq .accordion_detail .detail-inner {
    position: relative;
    padding-left: 35px;
  }
  .accordion-layout.type-faq .accordion_detail .detail-inner::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("/useful/img/faq_ic02.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
  }

  /* ------------------------------------------------------
   * prize-image-set
  ------------------------------------------------------ */
  /* prize-index-layout */
  .prize-index-layout {
    margin: 30px 0 0;
  }
  .prize-index-layout > *:first-child {
    margin-top: 0 !important;
  }
  .prize-index-layout > *:last-child {
    margin-bottom: 0 !important;
  }
  .prize-index-layout .box-layout > .box_detail:first-child {
    padding-top: 0;
  }
  .prize-index-layout .box-layout .column-media[data-layout-sp="col"] > .column_image .image-set img {
    max-width: 130px;
  }
  /* ----- prize-image-set ----- */
  .prize-image-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -1em 0;
  }
  .prize-image-set .image-set {
    margin-left: 10px;
    margin-right: 10px;
  }
  .prize-image-set.gp-al-left {
    justify-content: flex-start;
  }
  .prize-image-set.gp-al-left .image-set {
    margin-left: 0;
    margin-right: 20px;
  }
  .prize-image-set.gp-al-right {
    justify-content: flex-end;
  }
  .prize-image-set.gp-al-right .image-set {
    margin-left: 20px;
    margin-right: 0;
  }
  .prize-image-set[data-row-sp] {
    justify-content: flex-start;
    margin-top: 1em;
  }
  .prize-image-set[data-row-sp] .image-set {
    margin-right: 0;
    margin-left: auto;
  }

  /* ------------------------------------------------------
   * myam-index-layout
  ------------------------------------------------------ */
  /* pickup-movie */
  .myam-index-layout .pickup-movie {
    margin-right: -15px;
    margin-left: -15px;
    padding: 0 15px 30px;
    background: #f7f8fc;
  }
  .myam-index-layout .pickup-movie > section {
    overflow: hidden;
  }
  .myam-index-layout .pickup-movie .heading-lv3 {
    margin: 2.1em 0 1.0em;
  }

  /* overview_article */
  .myam-index-layout .overview_article + .overview_article {
    margin-top: 30px;
  }
  .myam-index-layout .overview_article .overview_movie > a {
    display: block;
  }
  .myam-index-layout .overview_article .overview_movie > a figure {
    position: relative;
    display: block;
  }
  .myam-index-layout .overview_article .overview_movie > a figure::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    background: url(/movie/img/index_ic03.png) no-repeat 0 0;
    background-size: 42px 42px;
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
    z-index: 2;
  }
  .myam-index-layout .overview_article .overview_movie > a img {
    width: 100%;
  }
  .myam-index-layout .overview_article .overview_detail {
    overflow: hidden;
    margin-top: 12px;
  }
  .myam-index-layout .overview_article .overview_detail .overview_property {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7px;
    align-items: center;
  }
  .myam-index-layout .overview_article .overview_detail .overview_property .overview_date {
    margin-right: 15px;
    line-height: 1.1;
    font-size: 1.3rem;
  }
  .myam-index-layout .overview_article .overview_detail .overview_property .overview_icon {
    line-height: 1.1;
  }
  .myam-index-layout .overview_article .overview_detail .overview_property .overview_icon .icon-new {
    min-width: 51px;
    line-height: 20px;
    margin-right: 15px;
    padding: 0 10px;
    background-color: #008570;
    border-radius: 10px;
    color: #fff;
    font-size: 1.3rem;
    font-style: normal;
  }
  .myam-index-layout .overview_article .overview_detail .overview_property .overview_tag .tag_list > li {
    display: inline-block;
    line-height: 1.1;
    margin: 0 8px 0 0;
    padding: 4px 9px 2px;
    border: 1px solid #009c84;
    color: #009c84;
    font-size: 1.3rem;
    font-style: normal;
    vertical-align: middle;
  }
  .myam-index-layout .overview_article .overview_detail .overview_title {
    font-size: 1.6rem;
  }
  .myam-index-layout .overview_article .overview_detail .overview_property + .overview_title {
    margin-top: 13px;
  }
  .myam-index-layout .overview_article .overview_detail .overview_title .time {
    font-size: 1.4rem;
  }
  .myam-index-layout .overview_article .overview_detail .overview_text {
    line-height: 1.5;
    margin: .3em 0 0;
  }
  .myam-index-layout .overview_article .overview_detail .list-note {
    margin: .7em 0 0;
  }
  .myam-index-layout .overview_article .overview_detail .list-note > li {
    line-height: 1.7;
    font-size: 1.2rem;
  }
  .myam-index-layout .overview_article .overview_detail .overview_about-link {
    margin-top: 23px;
    padding: 0 5px 5px;
  }
  .myam-index-layout .overview_article .overview_detail .overview_about-link > li {
    width: 100%;
  }
  .myam-index-layout .overview_article .overview_detail .overview_about-link > li > a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 14px 20px 13px;
    border-radius: 22px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    line-height: 1.1;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  .myam-index-layout .overview_article .overview_detail .overview_about-link .related-btn > a {
    background: #e3e3ee;
    color: #333333;
  }
  .myam-index-layout .overview_article .overview_detail .overview_about-link .more-btn {
    margin-top: 20px;
  }
  .myam-index-layout .overview_article .overview_detail .overview_about-link .more-btn > a {
    background: #fbce40;
    color: #333333;
  }
  .myam-index-layout .overview_article .overview_detail .overview_pdf-link {
    margin: 1.4em 0 .6em 0;
    padding-top: 1.35em;
    border-top: solid 1px #ddd;
  }
  .myam-index-layout .overview_article .overview_detail .overview_pdf-link > li + li {
    margin-top: .85em;
  }
  .myam-index-layout .overview_article .overview_detail .overview_pdf-link > li > a {
    display: inline-block;
    position: relative;
    padding-left: 11px;
  }
  .myam-index-layout .overview_article .overview_detail .overview_pdf-link > li > a::before {
    position: absolute;
    top: .5em;
    left: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    content: "";
  }
  .myam-index-layout .overview_article .overview_detail .overview_pdf-link > li > a.a-pdf::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: .1em 0 0 5px;
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-position: -160px 0;
    background-size: 240px auto;
    vertical-align: top;
    content: "";
  }

  /* narrow-area */
  .narrow-area {
    margin-top: 35px;
  }
  .narrow-area dl {
    margin-bottom: 40px;
    text-align: center;
  }
  .narrow-area dl > dd {
    position: relative;
    margin-top: 10px;
  }
  .narrow-area dl > dd::after {
    position: absolute;
    top: .9em;
    right: 20px;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    transform: rotate(135deg);
    content: "";
  }
  .narrow-area .narrow-list {
    width: 100%;
    padding: 9px 20px 8px;
    background: #fff;
    border: solid 1px #e9e9e9;
    border-radius: 45px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 25%);
    font-size: 1.4rem;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: all .2s ease-out 0s;
  }
  .movie-more-btn {
    display: block;
    width: 100%;
    margin: 30px auto 0;
    padding: 12px 20px 11px;
    background: #fff;
    border: solid 1px #e9e9e9;
    border-radius: 45px;
    font-size: 1.4rem;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 25%);
    cursor: pointer;
    outline: none;
    transition: all .2s ease-out 0s;
  }



  /* ------------------------------------------------------
   * A以下共通
  ------------------------------------------------------ */
  /* fund-modal-link */
  .fund-modal-link {
    display: flex;
    margin: 15px 0 0;
  }
  .fund-modal-link.gp-al-right {
    justify-content: flex-end;
  }
  .fund-modal-link > li > a {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
    font-size: 1.3rem;
  }
  .fund-modal-link > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("/fund/img/fund_modal_link_ic01.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    transform: translateY(-50%);
  }

  /* fund-footer-comp */
  .fund-footer-comp {
    margin: 30px 0 0;
    padding: 0 15px;
  }
  .fund-footer-comp > *:first-child {
    margin-top: 0;
  }
  .fund-footer-comp .index_column {
    margin: 20px 0 0;
    background-color: #f7f8fc;
  }
  .fund-footer-comp .index_column > .column_detail {
    padding: 25px 15px;
  }
  .fund-footer-comp .index_column > .column_detail > *:first-child {
    margin-top: 0 !important;
  }
  .fund-footer-comp .index_column > .column_detail > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-footer-comp .index_column .column_image img {
    width: 100%;
  }
  .fund-footer-comp .index_column .column_title {
    position: relative;
    padding: 0 0 0 15px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
  }
  .fund-footer-comp .index_column .column_title a::before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0;
    transform: rotate(45deg);
    width: 9px;
    height: 9px;
    margin: 0 0 0 -2px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
  }
  .fund-footer-comp .index_column .column_title a.a-blank::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -2px 0 0 5px;
    background-image: url(/common/img/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -120px 0;
    background-size: 240px auto;
    vertical-align: middle;
  }
  .fund-footer-comp .index_column .column_text {
    margin: 10px 0 0;
    line-height: 1.42;
  }

  /* ------------------------------------------------------
   * fund-index-layout
  ------------------------------------------------------ */
  /* fund-index-layout */
  .fund-index-layout {
    margin: 0 -15px;
    padding: 30px 15px;
    background-color: #f7f8fc;
  }
  .fund-index-layout > .fund-index-section > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout > .fund-index-section > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-index-layout .heading-lv3 .title_small {
    font-size: 1.4rem;
  }
  .fund-index-layout .index_column > * + * {
    margin-top: 25px;
  }
  .fund-index-layout .index_column > * > section:first-child > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout .index_column > * .heading-lv3 {
    margin-bottom: 0 !important;
  }
  .fund-index-layout .index_column > * .heading-lv3 + * {
    margin-top: 15px !important;
  }
  .fund-index-layout .index_column_2 {
    margin: 15px 0 0;
  }
  .fund-index-layout .index_column_2 > .column_col {
    margin: 0 -15px;
    background-color: #fff;
  }
  .fund-index-layout .index_column_2 > .column_col + .column_col {
    margin-top: 5px;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer {
    display: block;
    padding: 15px;
  }
  .fund-index-layout .index_column_2 > .column_col > a.col_outer {
    color: #333;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer > .col_inner {
    display: flex;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer > .col_inner > .col_image {
    width: 138px;
    margin: 0 15px 0 0;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer > .col_inner > .col_image img {
    width: 100%;
  }
  .fund-index-layout .index_column_2 > .column_col > .col_outer > .col_inner > .col_detail {
    flex: 1;
  }
  .fund-index-layout .index_column_2 > .column_col .col_title {
    line-height: 1.42;
  }
  .fund-index-layout .index_column_2 > .column_col .col_text {
    display: block;
    margin: 10px 0 0;
    padding: 10px 15px;
    background-color: #efeff7;
  }
  .fund-index-layout .index_column_2 > .column_col .col_text > * {
    font-size: 1.3rem;
  }
  .fund-index-layout .index_column_2 > .column_col .col_text > dt {
    font-weight: 700;
    margin: 0;
  }
  .fund-index-layout .index_column_2 > .column_col .col_text > dd > span {
    font-size: 1.1rem;
  }
  .fund-index-layout .index_column_2 > .column_col .col_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
  }
  .fund-index-layout .index_column_2 > .column_col .col_icon > li {
    width: 12px;
    font-size: 0;
  }
  .fund-index-layout .index_column_2 > .column_col .col_icon > li.is-active {
    background-image: url("/fund/img/index_ic02.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .fund-index-layout .index_column_2 > .column_col .col_icon > li.is-active img {
    opacity: 0;
  }
  .fund-index-layout .index_column_2 > .column_col .col_icon > li + li {
    margin-left: 3px;
  }
  .fund-index-layout .index_column_3 {
    display: flex;
    align-items: center;
  }
  .fund-index-layout .index_column_3 > .column_title {
    flex: 1;
  }
  .fund-index-layout .index_column_3 > .column_link {
    margin: 0 0 0 15px;
  }
  .fund-index-layout .index_column_3 > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout .index_column_3 > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-index-layout .index_table {
    margin: 15px 0 0;
    width: 100%;
    border-top: 1px solid #ccc;
  }
  .fund-index-layout .index_table > * > tr > * {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
  }
  .fund-index-layout .index_table > * > tr > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout .index_table > * > tr > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-index-layout .index_table > tbody > tr > td {
    padding: 10px 0;
    background-color: #fff;
  }
  .fund-index-layout .index_table .table_th {
    padding: 5px 0;
    background-color: #e3e3ee;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .fund-index-layout .index_table .table_th.th_product {
    text-align: center;
  }
  .fund-index-layout .index_table .table_th.the_price {
    text-align: left;
  }
  .fund-index-layout .index_table .table_product {
    position: relative;
    padding: 0 20px 0 40px;
    font-size: 1.3rem;
    line-height: 1.46;
  }
  .fund-index-layout .index_table .table_product .product_rank {
    position: absolute;
    top: 50%;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1.1;
    transform: translateY(-50%);
  }
  .fund-index-layout .index_table .table_product .product_rank.type-1st {
    background-color: #c69600;
  }
  .fund-index-layout .index_table .table_product .product_rank.type-2nd {
    background-color: #9a9aa6;
  }
  .fund-index-layout .index_table .table_product .product_rank.type-3rd {
    background-color: #b4604f;
  }
  .fund-index-layout .index_table .table_price {
    font-size: 1.3rem;
    line-height: 1.5;
    word-break: break-all;
  }
  .fund-index-layout .index_table .table_price .price_small {
    font-size: 1.1rem;
  }
  .fund-index-layout .index_table .table_bookmark {
    text-align: center;
  }
  .fund-index-layout .index_table .table_bookmark img {
    max-width: 18px;
  }
  .fund-index-layout .index_date {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 0;
  }
  .fund-index-layout .index_date > * {
    color: #555;
    font-size: 1.3rem;
  }
  .fund-index-layout .index_date > dt::after {
    content: "：";
  }

  /* fund-index-layout-v2 */
  .fund-index-layout-v2 {
    margin: 0 -15px;
    padding: 30px 15px;
    background-color: #fff;
  }
  .fund-index-layout-v2 .index_heading {
    position: relative;
    padding: 0 0 0 38px;
  }
  .fund-index-layout-v2 .index_heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 28px;
    height: 25px;
    margin: -2px 0 0;
    background-image: url("/fund/img/index_price_ic01.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    transform: translateY(-50%);
  }
  .fund-index-layout-v2 .index_heading .heading_title {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.1;
  }

  /* fund-index-layout-v3 */
  .fund-index-layout-v3 {
    margin: 0 -15px;
    padding: 30px 15px;
    background-color: #e3e3ee;
  }
  .fund-index-layout-v3 > .fund-index-section > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout-v3 > .fund-index-section > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-index-layout-v3 .index_heading {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .fund-index-layout-v3 .index_search {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #009c84;
  }
  .fund-index-layout-v3 .index_search .search_textfield {
    width: 100%;
    height: 47px;
    padding: 0 67px 0 13px;
    background: none;
    border: none;
    font-size: 1.5rem;
    border-radius: 0;
    line-height: 47px;
    outline: none;
  }
  .fund-index-layout-v3 .index_search .search_textfield::placeholder {
    color: #999;
  }
  .fund-index-layout-v3 .index_search .search_textfield::-webkit-input-placeholder {
    color: #999;
  }
  .fund-index-layout-v3 .index_search .search_submit {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 59px;
    height: 36px;
    padding: 0;
    background-color: #009c84;
    border: none;
    border-radius: 18px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fund-index-layout-v3 .index_column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .fund-index-layout-v3 .index_column > .column_title {
    flex: 1;
    order: 1;
  }
  .fund-index-layout-v3 .index_column > .column_form {
    order: 3;
    width: 100%;
    margin: 15px 0 0;
  }
  .fund-index-layout-v3 .index_column > .column_link {
    order: 2;
    margin: 0 0 0 15px;
  }
  .fund-index-layout-v3 .index_column > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout-v3 .index_column > * > *:last-child {
    margin-bottom: 0 !important;
  }

  /* fund-index-layout-v4 */
  .fund-index-layout-v4 {
    margin: 0 -15px;
    padding: 30px 15px;
    background-color: #009c84;
    color: #fff;
  }
  .fund-index-layout-v4 > .fund-index-section > *:first-child {
    margin-top: 0 !important;
  }
  .fund-index-layout-v4 > .fund-index-section > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-index-layout-v4 .index_heading {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .fund-index-layout-v4 .index_nav {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
    border-top: 1px solid #4dbaa9;
    border-left: 1px solid #4dbaa9;
  }
  .fund-index-layout-v4 .index_nav > li {
    display: flex;
    width: 50%;
    border-right: 1px solid #4dbaa9;
    border-bottom: 1px solid #4dbaa9;
  }
  .fund-index-layout-v4 .index_nav > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px 10px 15px 25px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .fund-index-layout-v4 .index_nav > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -2px 0 0 5px;
    transform: rotate(45deg) translateY(-50%);
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  /* fund-index-layout-v5 */
  .fund-index-layout-v5 {
    margin: 40px 0 0;
  }
  .fund-index-layout-v5 .category-indexWrap:last-child {
    margin-bottom: 0;
  }
  .fund-index-layout-v5 .category-indexWrap .category-index.a-pdf .category-index_title::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -2px 0 0 5px;
    background-image: url(/common/img/com_sprite01.png);
    background-repeat: no-repeat;
    background-position: -160px 0;
    background-size: 240px auto;
    vertical-align: middle;
  }

  /* ------------------------------------------------------
   * fund-product-layout
  ------------------------------------------------------ */
  /* fund-product-layout */
  .fund-product-layout .product_heading {
    margin: 20px 0 0;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.37;
  }
  .fund-product-layout .product_star_column-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .fund-product-layout .product_star {
    display: flex;
    font-size: 0;
  }
  .fund-product-layout .product_star > li {
    width: 18px;
  }
  .fund-product-layout .product_star > li + li {
    margin-left: 3px;
  }
  .fund-product-layout .product_star > li.is-active {
    background-image: url("/fund/img/fund_product_ic02.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
  .fund-product-layout .product_star > li.is-active img {
    opacity: 0;
  }
  .fund-product-layout .product_star_course {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .fund-product-layout .product_star_course + .product_star_course {
    margin-top: 5px;
  }
  .fund-product-layout .product_star_course > dt {
    color: #009c84;
    font-weight: 700;
  }
  .fund-product-layout .product_star_course > dt::after {
    content: "：";
    color: #333;
    font-weight: 400;
  }
  .fund-product-layout .product_star_course > dd {
    flex: 1;
  }
  .fund-product-layout .product_star_course > dd > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout .product_star_course > dd > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-product-layout .product_text {
    margin: 15px 0 0;
  }
  .fund-product-layout .product_text dl {
    display: flex;
  }
  .fund-product-layout .product_text dl + dl {
    margin-top: 10px;
  }
  .fund-product-layout .product_text dl > * {
    font-size: 1.3rem;
  }
  .fund-product-layout .product_text dl > dt {
    margin: 0 1em 0 0;
    color: #009c84;
    font-weight: 700;
  }
  .fund-product-layout .product_text dl > dd {
    flex: 1;
  }
  .fund-product-layout .product_text .text_list {
    display: flex;
    flex-wrap: wrap;
  }
  .fund-product-layout .product_text .text_list > li::after {
    content: "｜";
  }
  .fund-product-layout .product_text .text_list > li:last-child::after {
    display: none;
  }
  .fund-product-layout .product_note {
    margin: 10px 0 0;
  }
  .fund-product-layout .product_note > li {
    position: relative;
    padding: 0 0 0 1.3em;
    color: #555;
    font-size: 1.3rem;
  }
  .fund-product-layout .product_note > li .note_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .fund-product-layout .product_image img {
    width: 100%;
  }
  .fund-product-layout .product_button {
    margin: 20px 0 0;
  }
  .fund-product-layout .product_button > li + li {
    margin-top: 10px;
  }
  .fund-product-layout .product_button > li > button {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 50px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    border: 1px solid #009c84;
    border-radius: 25px;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fund-product-layout .product_button > li > button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 24px;
    height: 22px;
    background-image: url("/fund/img/fund_product_ic01.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
  }
  .fund-product-layout .product_button > li > button.button_course dl > *,
  .fund-product-layout .product_button > li > button.button_course > span {
    display: block;
    text-align: center;
    line-height: 1.1;
  }
  .fund-product-layout .product_button > li > button.button_course dl > dt,
  .fund-product-layout .product_button > li > button.button_course > span.course_name {
    color: #009c84;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .fund-product-layout .product_button > li > button.button_course dl > dd,
  .fund-product-layout .product_button > li > button.button_course > span.course_text {
    margin: 2px 0 0;
    color: #555;
    font-size: 1.3rem;
  }
  .fund-product-layout .product_button > li > button.is-active::before {
    background-image: url("/fund/img/fund_product_ic02.png");
  }
  .fund-product-layout .fund-link-button {
    margin-top: 0;
    padding: 4px 4px;
  }
  .fund-product-layout .fund-link-button > li > a {
    display: inline-block;
    position: relative;
    min-width: 130px;
    padding: 6px 5px;
    border: 1px solid #fff;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    color: #333;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
  }
  .fund-product-layout .fund-link-button > li > .a-video {
    padding-right: 20px;
  }
  .fund-product-layout .fund-link-button > li > .a-video::after {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 14px;
    height: 11px;
    margin-top: -5px;
  }
  .fund-product-layout .fund-link-button .link_label {
    display: inline-block;
    line-height: 1.5;
  }

  /* fund-product-layout-v2 */
  .fund-product-layout-v2 {
    margin: 20px 0 0;
  }
  .fund-product-layout-v2 .product_date {
    display: flex;
    justify-content: flex-end;
  }
  .fund-product-layout-v2 .product_date > * {
    color: #555;
    font-size: 1.3rem;
  }
  .fund-product-layout-v2 .product_date > dt {
    white-space: nowrap;
  }
  .fund-product-layout-v2 .product_date > dt::after {
    content: "：";
  }
  .fund-product-layout-v2 .product_column {
    margin: 10px 0 0;
    border-bottom: 1px solid #ccc;
  }
  .fund-product-layout-v2 .product_column > .column_col > .col_box {
    display: table;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ccc;
  }
  .fund-product-layout-v2 .product_column > .column_col > .col_box > * {
    display: table-cell;
    padding: 15px 10px;
    vertical-align: middle;
  }
  .fund-product-layout-v2 .product_column > .column_col > .col_box > dt {
    width: 115px;
    background-color: #efeff7;
    font-size: 1.3rem;
  }
  .fund-product-layout-v2 .product_column > .column_col > .col_box > dd {
    flex: 1;
  }
  .fund-product-layout-v2 .product_column > .column_col > .col_box .box_price {
    font-size: 1.9rem;
    font-weight: 700;
  }
  .fund-product-layout-v2 .product_column > .column_col > .col_box .box_price .price_yen {
    font-size: 1.4rem;
  }
  .fund-product-layout-v2 .product_column_2 {
    margin: 15px 0 0;
    border-bottom: 1px solid #ccc;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col {
    border-top: 1px solid #ccc;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col + .column_col {
  }
  .fund-product-layout-v2 .product_column_2 > .column_col > .col_box {
    display: table;
    width: 100%;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col > .col_box > * {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.46;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col > .col_box > dt {
    width: 115px;
    background-color: #efeff7;
    padding: 10px;
    font-size: 1.2rem;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col > .col_box > dd {
    padding: 10px;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col > .col_box .box_price {
    font-size: 1.9rem;
    font-weight: 700;
  }
  .fund-product-layout-v2 .product_column_2 > .column_col > .col_box .box_price .price_yen {
    font-size: 1.4rem;
  }
  .fund-product-layout-v2 .product_column_3 {
    display: flex;
    align-items: center;
    margin: 30px 0 0;
  }
  .fund-product-layout-v2 .product_column_3 > .column_heading {
    margin: 0 36px 0 0;
  }
  .fund-product-layout-v2 .product_column_3 > .column_text {
    flex: 1;
  }
  .fund-product-layout-v2 .product_column_3 > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v2 .product_column_3 > * > *:last-child {
    margin-bottom: 0 !important;
  }

  /* fund-product-layout-v3 */
  .fund-product-layout-v3 {
    margin: 40px -15px 0;
    padding: 30px 15px;
    background-color: #f7f8fc;
  }
  .fund-product-layout-v3.change-course {
    margin: 40px -15px 0;
    padding: 0 0 0;
    background-color: #fff;
  }
  .fund-product-layout-v3 .fund-product-layout-v3_inner {
    margin: 0 0 0;
    padding: 30px 15px 0;
    background-color: #f7f8fc;
  }
  .fund-product-layout-v3 .fund-product-layout-v3_inner-v2 {
    margin: 0;
    padding: 15px 15px 30px;
    background-color: #f7f8fc;
  }
  .fund-product-layout-v3 .fund-product-layout-v3_inner-v2 .js-fundProduct-chart > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v3 > *:first-child,
  .fund-product-layout-v3 > .js-fundProduct-chart:first-child > *:first-child,
  .fund-product-layout-v3 > .js-fundProduct-course:first-child > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v3 > *:last-child,
  .fund-product-layout-v3 > .js-fundProduct-chart:last-child > *:last-child,
  .fund-product-layout-v3 > .js-fundProduct-course:last-child > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-product-layout-v3 .product_heading {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .fund-product-layout-v3 .fund-product-layout-v3_inner > .link-button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .fund-product-layout-v3 .product_button {
    display: flex;
    padding: 0;
  }
  .fund-product-layout-v3 .product_button > li {
    display: flex;
    margin-top: 0;
  }
  .fund-product-layout-v3 .product_button > li + li {
    margin-left: 10px;
  }
  .fund-product-layout-v3 .product_button > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: inherit;
    padding: 0;
    width: 58px;
    height: 45px;
    line-height: 1.1;
  }
  .fund-product-layout-v3 .product_button > li > a .link_label {
    display: block;
    line-height: 1.1;
  }
  .fund-product-layout-v3 .product_text {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 15px 0 0;
  }
  .fund-product-layout-v3 .product_text > li {
    color: #555;
    font-size: 1.3rem;
  }
  .fund-product-layout-v3 .product_text > li + li {
    margin-left: 1em;
  }
  .fund-product-layout-v3 .product_chart {
    margin: 15px 0 0;
    text-align: center;
  }
  .fund-product-layout-v3 .link-button > li > a.a-csv {
    padding-right: 35px;
    padding-left: 35px;
  }
  .fund-product-layout-v3 .link-button > li > a.a-csv::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 12px;
    height: 9px;
    background-image: url("/fund/img/fund_product_ic03.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
  }
  .fund-product-layout-v3 .product_column {
    margin: 15px 0 0;
  }
  .fund-product-layout-v3 .product_column_2 {
    display: flex;
    align-items: center;
  }
  .fund-product-layout-v3 .product_column_2 > .column_heading {
    flex: 1;
  }
  .fund-product-layout-v3 .product_column_2 > .column_button {
    margin: 0 0 0 15px;
  }
  .fund-product-layout-v3 .product_column_2 > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v3 .product_column_2 > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-product-layout-v3 .product_column_3 {
    margin: 20px 0 0;
  }
  .fund-product-layout-v3 .product_column_3 > .column_link {
    margin: 25px 0 0;
  }
  .fund-product-layout-v3 .product_column_3 > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v3 .product_column_3 > * > *:last-child {
    margin-bottom: 0 !important;
  }

  /* fund-product-layout-v4 */
  .fund-product-layout-v4-1 .heading-lv3 {
    margin: 2.15em 0 .3em;
  }
  .fund-product-layout-v4-1 .heading-lv3 + .news-layout {
    margin-top: 0!important;
  }
  .fund-product-layout-v4-1 .product_open > li > a,
  .fund-product-layout-v4-1 .product_close > li > a {
    width: auto;
    padding-right: 50px;
    padding-left: 50px;
  }
  .fund-product-layout-v4-2 {
    margin: 10px -15px 30px;
    padding: 25px 15px;
    background-color: #f7f8fc;
  }
  .fund-product-layout-v4-2 > *:first-child {
    margin-top: 0!important;
  }
  .fund-product-layout-v4-2 .product_heading {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .fund-product-layout-v4-2 .product_column {
    margin-top: 20px;
  }

  /* fund-product-layout-v5 */
  .fund-product-layout-v5 {
    margin: 45px 15px 0;
  }
  .fund-product-layout-v5 .product_movie {
    position: relative;
  }

  /* fund-product-layout-v6 */


  /* fund-product-layout-v7 */
  .fund-product-layout-v7 {
    margin: 50px 0 0;
    padding: 0 15px;
  }
  .fund-product-layout-v7 > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v7 > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-product-layout-v7 .product_table tbody tr th {
    white-space: nowrap;
  }
  .fund-product-layout-v7 .product_table tbody tr td {
    width: 99%;
  }

  /* fund-product-layout-v8 */
  .fund-product-layout-v8 {
    margin: 30px 0 20px;
    padding: 25px 15px;
    background-color: #f4f8f7;
  }
  .fund-product-layout-v8 > *:first-child {
    margin-top: 0 !important;
  }
  .fund-product-layout-v8 > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-product-layout-v8 .product_text {
    font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
  }
  /* fund-product-layout-v9 */
  .fund-table-comp + .fund-product-layout-v9 {
    margin-top: 45px;
  }

  /* ------------------------------------------------------
   * fund-product-anchor
  ------------------------------------------------------ */
  /* fund-product-anchor */
  .fund-product-anchor {
    margin: 20px 0 0;
  }
  .fund-product-anchor .navi_inner > li + li {
    margin-top: 10px;
  }
  .fund-product-anchor .navi_inner > li > a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    text-decoration: none;
  }
  .fund-product-anchor .navi_inner > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(135deg) translateY(-50%);
    width: 8px;
    height: 8px;
    margin: -9px 0 0 -1px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
  }

  /* ------------------------------------------------------
   * market-report-comp
  ------------------------------------------------------ */
  /* market-report-comp */
  .market-report-comp {
    display: none;
  }

  /* market-backnumber-comp */
  .market-backnumber-comp {
    margin: 35px 0 0;
  }
  .market-backnumber-comp .backnumber_heading {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .market-backnumber-comp .backnumber_note {
    margin: 10px 0 0;
  }
  .market-backnumber-comp .backnumber_note > li {
    position: relative;
    padding: 0 0 0 1em;
    color: #555;
    font-size: 1.2rem;
  }
  .market-backnumber-comp .backnumber_note > li .note_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .market-backnumber-comp .link-button.backnumber_open,
  .market-backnumber-comp .link-button.backnumber_close {
    margin-bottom: 0;
  }
  .market-backnumber-comp .link-button.backnumber_open > li > a,
  .market-backnumber-comp .link-button.backnumber_close > li > a {
    width: auto;
    padding-right: 60px;
    padding-left: 60px;
  }
  .market-backnumber-comp .link-button.backnumber_close > li > a {
    background-color: #ddd;
    border-color: #ddd;
  }
  .market-backnumber-comp .backnumber_pulldown {
    position: relative;
    margin: 15px 0 0;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_trigger {
    position: relative;
    padding: 15px 40px 15px 20px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius: 24px;
    line-height: 1.1;
    cursor: pointer;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_trigger::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: rotate(135deg) translateY(-50%);
    width: 10px;
    height: 10px;
    margin: -11px 4px 0 0;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    pointer-events: none;
  }
  .market-backnumber-comp .backnumber_pulldown.is-active .pulldown_trigger::before {
    transform: rotate(-45deg) translateY(-50%);
    margin: 1px -1px 0 0;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_balloon {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 13px 0 0;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);
    background-color: #f7f8fc;
    border-radius: 5px;
    z-index: 2;
    display: none;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_balloon::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 38px;
    width: 19px;
    height: 13px;
    background-image: url("/market/report/img/index_ex01-r2x.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index: 3;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_list {
    padding: 15px 0;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_list > li {
    display: block;
    padding: 15px 20px;
    color: #333;
    line-height: 1.1;
    text-decoration: none;
  }
  .market-backnumber-comp .backnumber_pulldown .pulldown_list > li.is-current {
    font-weight: 700;
  }

  /* ------------------------------------------------------
   * report-index-layout
  ------------------------------------------------------ */
  /* report-index-layout */
  .report-index-layout {
    margin: 30px -15px 0;
    padding: 15px;
    background-color: #f7f8fc;
  }
  .report-index-layout > *:first-child {
    margin-top: 0 !important;
  }
  .report-index-layout > *:last-child {
    margin-bottom: 0 !important;
  }

  /* report-index-layout-v2 */
  .report-index-layout-v2 {
    margin: 30px 0 0;
  }
  .report-index-layout-v2 .index_heading {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .report-index-layout-v2 .index_news .news_article + .news_article {
    margin-top: 25px;
  }
  .report-index-layout-v2 .index_news .news_date {
    color: #676767;
    font-size: 1.3rem;
  }
  .report-index-layout-v2 .index_news .news_title {
    margin: 10px 0 0;
    line-height: 1.42;
  }
  .report-index-layout-v2 .index_button {
    margin-top: 15px;
  }
  .report-index-layout-v2 .index_button > li > a .button_icon {
    display: inline-block;
    width: 58px;
    height: 19px;
    margin: 0 15px 0 0;
    background-color: #009c84;
    border-radius: 10px;
    vertical-align: middle;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
  }
  .report-index-layout-v2 .index_link {
    margin-top: 25px;
  }
  .report-index-layout-v2 .index_column {
    margin: 0 -15px;
  }
  .report-index-layout-v2 .index_column > .column_col + .column_col {
    margin-top: 1px;
  }
  .report-index-layout-v2 .index_column > .column_col .col_inner {
    padding: 25px 15px 40px;
  }
  .report-index-layout-v2 .index_column > .column_col .col_inner > *:first-child {
    margin-top: 0 !important;
  }
  .report-index-layout-v2 .index_column > .column_col .col_inner > *:last-child {
    margin-bottom: 0 !important;
  }
  .report-index-layout-v2 .index_column_2 {
    position: relative;
    padding: 20px 50px 20px 15px;
    background-color: #e3e3ee;
  }
  .report-index-layout-v2 .index_column_2::before,
  .report-index-layout-v2 .index_column_2::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #009c84;
  }
  .report-index-layout-v2 .index_column_2::before {
    right: 15px;
    width: 20px;
    height: 2px;
  }
  .report-index-layout-v2 .index_column_2::after {
    right: 24px;
    width: 2px;
    height: 20px;
    transition: all .2s ease-out 0s;
  }
  .report-index-layout-v2 .is-open .index_column_2::after {
    opacity: 0;
  }

  /* ------------------------------------------------------
   * fund-redemption-layout
  ------------------------------------------------------ */
  /* fund-redemption-layout */
  .fund-redemption-layout {
    margin: 15px 0 0;
  }
  .fund-redemption-layout .redemption_section {
    margin: 15px 0 0;
  }
  .fund-redemption-layout .redemption_section > *:first-child {
    margin-top: 0 !important;
  }
  .fund-redemption-layout .redemption_section .fundRedemption-toggle_panel-v2 {
    margin-bottom: 1em;
  }
  .fund-redemption-layout .redemption_section > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-redemption-layout .redemption_heading {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.33;
  }
  .fund-redemption-layout .index_heading_2 {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .fund-redemption-layout .index_heading_2 .heading_small {
    font-size: 1.2rem;
  }
  .fund-redemption-layout .redemption_date {
    display: flex;
    margin: 10px 0 0;
  }
  .fund-redemption-layout .redemption_date > * {
    color: #555;
    font-size: 1.3rem;
  }
  .fund-redemption-layout .redemption_date > dt::after {
    content: "：";
  }
  .fund-redemption-layout .redemption_date > dd {
    flex: 1;
  }
  .fund-redemption-layout .redemption_text {
    margin: 1em 0 0;
    font-weight: 700;
    line-height: 1.55;
  }
  .fund-redemption-layout .redemption_open > li > a,
  .fund-redemption-layout .fundRedemption_close > li > a {
    width: auto;
    padding-right: 60px;
    padding-left: 60px;
  }
  .fund-redemption-layout .fundRedemption_close > li > a {
    background-color: #ddd;
    border-color: #ddd;
  }
  .fund-redemption-layout .redemption_column > .column_col {
    padding: 25px 15px 30px;
    background-color: #f7f8fc;
  }
  .fund-redemption-layout .redemption_column > .column_col + .column_col {
    margin-top: 20px;
  }
  .fund-redemption-layout .redemption_column > .column_col > *:first-child {
    margin-top: 0 !important;
  }
  .fund-redemption-layout .redemption_column > .column_col > *:last-child {
    margin-bottom: 0 !important;
  }

  /* ------------------------------------------------------
   * sales-company-news-layout
  ------------------------------------------------------ */
  /* sales-company-news-layout */
  .sales-company-news-layout {
    margin: 30px 0 0;
  }
  .sales-company-news-layout .news_article {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
  }
  .sales-company-news-layout .news_article > *:first-child,
  .sales-company-news-layout .news_detail > *:first-child {
    margin-top: 0 !important;
  }
  .sales-company-news-layout .news_article > *:last-child,
  .sales-company-news-layout .news_detail > *:last-child {
    margin-bottom: 0 !important;
  }
  .sales-company-news-layout .news_article + .news_article {
    margin-top: 30px;
  }
  .sales-company-news-layout .news_date {
    display: block;
    color: #676767;
    font-size: 1.3rem;
    line-height: 1.1;
  }
  .sales-company-news-layout .news_icon {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px -5px 0 0;
  }
  .sales-company-news-layout .news_icon .icon-label {
    margin: 5px 5px 0 0;
    padding: 0 10px;
    background-color: #008570;
    border-radius: 10px;
    color: #fff;
    font-size: 1.3rem;
    font-style: normal;
    line-height: 20px;
    text-align: center;
  }
  .sales-company-news-layout .news_text {
    margin-top: 1em;
    line-height: 1.42;
  }
  .sales-company-news-layout .link-text {
    margin-top: 0.5em;
  }

  /* ------------------------------------------------------
   * fund-agency-layout
  ------------------------------------------------------ */
  /* fund-agency-layout */
  .fund-agency-layout {
    margin: 30px 0 0;
  }
  .fund-agency-layout .agency_table {
    border-top: 1px solid #ccc;
  }
  .fund-agency-layout .agency_table > * > .table_tr > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-agency-layout .agency_table > * > .table_tr > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-agency-layout .agency_table > .table_thead {
    display: none;
  }
  .fund-agency-layout .agency_table > .table_tbody > .table_tr {
    padding: 15px 10px 30px;
    border-bottom: 1px solid #ccc;
  }
  .fund-agency-layout .agency_table > .table_tbody > .table_tr:nth-child(2n+1) {
    background-color: #fff;
  }
  .fund-agency-layout .agency_table > .table_tbody > .table_tr:nth-child(2n) {
    background-color: #f7f8fc;
  }
  .fund-agency-layout .agency_table > .table_tbody > .table_tr > .table_td {
    margin: 10px 0 0;
  }
  .fund-agency-layout .agency_table .table_toggle > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-agency-layout .agency_table .table_toggle > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-agency-layout .agency_table .table_toggle > .toggle_switch {
    margin: 20px 0 0;
  }
  .fund-agency-layout .agency_table .table_toggle > .toggle_panel {
    padding: 10px;
  }
  .fund-agency-layout .agency_table > .table_tbody > .table_tr:nth-child(2n+1) .table_toggle > .toggle_panel {
    background-color: #f7f8fc;
  }
  .fund-agency-layout .agency_table > .table_tbody > .table_tr:nth-child(2n) .table_toggle > .toggle_panel {
    background-color: #fff;
  }
  .fund-agency-layout .agency_table .table_toggle > .toggle_panel > *:first-child {
    margin-top: 0 !important;
  }
  .fund-agency-layout .agency_table .table_toggle > .toggle_panel > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-agency-layout .link-button.agency_close > li > a {
    width: auto;
    padding-right: 60px;
    padding-left: 60px;
  }
  .fund-agency-layout .link-button.agency_close > li > a {
    background-color: #ddd;
    border-color: #ddd;
  }

  /* ------------------------------------------------------
   * fund-search-comp
  ------------------------------------------------------ */
  /* fund-search-comp */
  .fund-search-comp {
    margin: 30px -15px 0;
    padding: 25px 15px 30px;
    background-color: #f7f8fc;
  }
  .fund-search-comp + .fund-search-comp {
    margin-top: 4px;
  }

  .fund-search-comp > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp .search_section + .search_section {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #ccc;
  }
  .fund-search-comp .search_section > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp .search_section > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp .search_heading .heading_small {
    font-size: 1.4rem;
  }
  .fund-search-comp .search_box {
    position: relative;
    margin: 15px 0 0;
  }
  .fund-search-comp .search_box .box_textfield {
    width: 100%;
    height: 51px;
    padding: 0 67px 0 13px;
    background-color: #fff;
    border: 2px solid #009c84;
    border-radius: 5px;
    font-size: 1.5rem;
    line-height: 47px;
    outline: none;
  }
  .fund-search-comp .search_box .box_textfield::placeholder {
    color: #999;
  }
  .fund-search-comp .search_box .box_textfield::-webkit-input-placeholder {
    color: #999;
  }
  .fund-search-comp .search_box .box_submit {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 59px;
    height: 36px;
    padding: 0;
    background-color: #009c84;
    border: none;
    border-radius: 18px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fund-search-comp .search_checkbox {
    position: relative;
    display: inline-block;
  }
  .fund-search-comp .search_checkbox input[type="checkbox"] {
    position: absolute;
    z-index: -1;
  }
  .fund-search-comp .search_checkbox .checkbox_label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 1.42;
  }
  .fund-search-comp .search_checkbox .checkbox_label::before,
  .fund-search-comp .search_checkbox .checkbox_label::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  .fund-search-comp .search_checkbox .checkbox_label::before {
    top: 0.15em;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #999;
  }
  .fund-search-comp .search_checkbox .checkbox_label::after {
    top: 0.1em;
    left: 0;
    transform: rotate(-45deg);
    width: 9px;
    height: 5px;
    margin: 5px 0 0 3px;
    border-bottom: 2px solid #009c84;
    border-left: 2px solid #009c84;
    transition: all .2s ease-out 0s;
    opacity: 0;
  }
  .fund-search-comp .search_checkbox input[type="checkbox"]:checked + .checkbox_label {
    color: #009c84;
    font-weight: 700;
  }
  .fund-search-comp .search_checkbox input[type="checkbox"]:checked + .checkbox_label::before {
    border-color: #009c84;
  }
  .fund-search-comp .search_checkbox input[type="checkbox"]:checked + .checkbox_label::after {
    opacity: 1;
  }
  .fund-search-comp .search_table .search_list {
    display: flex;
    flex-wrap: wrap;
  }
  .fund-search-comp .search_table .search_list > li {
    width: calc((100% - 15px) / 2);
    margin: 10px 0 0 15px;
  }
  .fund-search-comp .search_table .search_list > li:nth-child(-n+2) {
    margin-top: 0;
  }
  .fund-search-comp .search_table .search_list > li:nth-child(2n+1) {
    margin-left: 0;
  }
  .fund-search-comp .search_submit {
    margin: 30px 0 0;
  }
  .fund-search-comp .search_submit > li > input[type="submit"] {
    width: 100%;
    height: 45px;
    padding: 0;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    background-color: #009c84;
    border: none;
    border-radius: 22px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fund-search-comp .search_table {
    margin: 15px 0 0;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr {
    padding: 20px;
    background-color: #e3e3ee;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr + .table_tr {
    margin-top: 5px;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > .table_th .th_column {
    display: flex;
    align-items: center;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > .table_th .th_column > .column_title {
    flex: 1;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > .table_th .th_column > .column_checkbox {
    background-color: #f7f8fc;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > .table_th .th_column > .column_checkbox .search_checkbox {
    display: block;
    padding: 10px 15px;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > .table_td {
    margin: 20px 0 0;
    padding: 15px;
    background-color: #fff;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp .search_table > .table_tbody > .table_tr > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp .search_table .table_title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .sidebar .fund-search-comp {
    margin-left: 0;
    margin-right: 0;
  }

  /* fund-search-comp-v2 */
  .fund-search-comp-v2 {
    margin: 15px 0 0;
  }
  .fund-search-comp-v2 .search_column > .column_col {
    padding: 20px 15px;
    background-color: #e3e3ee;
  }
  .fund-search-comp-v2 .search_column > .column_col + .column_col {
    margin-top: 5px;
  }
  .fund-search-comp-v2 .search_column > .column_col > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp-v2 .search_column > .column_col > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp-v2 .search_select {
    position: relative;
    margin: 15px 0 0;
  }
  .fund-search-comp-v2 .search_select .select_original {
    display: none;
  }
  .fund-search-comp-v2 .search_select .select_interface {
    position: relative;
  }
  .fund-search-comp-v2 .search_select .select_interface .interface_trigger {
    position: relative;
    height: 45px;
    padding: 0 42px 0 20px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    border-radius: 22px;
    line-height: 42px;
    overflow: hidden;
  }
  .fund-search-comp-v2 .search_select .select_interface .interface_trigger::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 9px;
    margin: -7px -3px 0 0;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    transform: rotate(135deg);
    pointer-events: none;
  }
  .fund-search-comp-v2 .search_select .select_interface.is-active .interface_trigger::before {
    transform: rotate(-45deg) translateY(-50%);
    margin: 0 -6px 0 0;
  }
  .fund-search-comp-v2 .search_select .interface_panel {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 14px 0 0;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);
    background-color: #f7f8fc;
    border-radius: 5px;
    z-index: 2;
    display: none;
  }
  .fund-search-comp-v2 .search_select .interface_panel::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 38px;
    width: 19px;
    height: 13px;
    margin: 0 0 -1px;
    background-image: url("/fund/search/img/search_ex01-r2x.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index: 3;
  }
  .fund-search-comp-v2 .search_select .interface_panel .panel_inner {
    padding: 3px 3px 3px 0;
  }
  .fund-search-comp-v2 .search_select .interface_list {
    overflow-y: auto;
    max-height: 470px;
    padding: 12px 0;
  }
  .fund-search-comp-v2 .search_select .interface_list::-webkit-scrollbar {
    width: 6px;
  }
  .fund-search-comp-v2 .search_select .interface_list::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 3px;
  }
  .fund-search-comp-v2 .search_select .interface_list::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 3px;
  }
  .fund-search-comp-v2 .search_select .interface_list > li {
    padding: 10px 20px;
  }
  .fund-search-comp-v2 .search_select .interface_list > li.is-current {
    font-weight: bold;
  }
  .fund-search-comp-v2 .search_submit {
    margin: 20px 0 0;
  }
  .fund-search-comp-v2 .search_submit > li > input[type="submit"] {
    width: 100%;
    height: 45px;
    padding: 0;
    background-color: #009c84;
    border: none;
    border-radius: 22px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 45px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  /* fund-search-comp-v3 */
  .fund-search-comp-v3 {
    overflow: hidden;
  }
  .fund-search-comp-v3 .search_filter > li {
    font-size: 1.3rem;
  }
  .fund-search-comp-v3 .search_filter > li + li {
    margin-top: 10px;
  }
  .fund-search-comp-v3 .search_filter > li > dl {
    display: flex;
  }
  .fund-search-comp-v3 .search_filter > li > dl > dt {
    color: #009c84;
    font-weight: 700;
  }
  .fund-search-comp-v3 .search_filter > li > dl > dt::after {
    content: "：";
  }
  .fund-search-comp-v3 .search_filter > li > dl > dd {
    flex: 1;
  }
  .fund-search-comp-v3 .search_filter > li > dl > dd > ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: -5px -15px 0 0;
  }
  .fund-search-comp-v3 .search_filter > li > dl > dd > ul > li {
    margin: 5px 15px 0 0;
  }
  .fund-search-comp-v3 + .fund-table-comp {
    margin-top: 25px;
  }

  /* fund-search-comp-v4 */
  .fund-search-comp-v4 {
    overflow: hidden;
    margin: 20px 0 0;
  }
  .fund-search-comp-v4 > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp-v4 > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp-v4 .search_counter {
    margin: 1em 0 0;
    font-size: 1.6rem;
    line-height: 1.1;
    text-align: center;
  }
  .fund-search-comp-v4 .search_counter .counter_page {
    font-weight: 700;
  }
  .fund-search-comp-v4 .search_pager,
  .fund-search-comp-v4 .search_pager-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
    padding: 1px 0 4px;
  }
  .fund-search-comp-v4 .search_pager > li a,
  .fund-search-comp-v4 .search_pager-v2 > li a,
  .fund-search-comp-v4 .search_pager-v2 > li .is-nolink {
    position: relative;
    display: block;
    height: 40px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #333;
    line-height: 40px;
    text-align: center;
    transition: all .2s ease-out 0s;
    outline: none;
  }
  .fund-search-comp-v4 .search_pager > li a:hover,
  .fund-search-comp-v4 .search_pager-v2 > li a:hover {
    border-color: #009c84;
    color: #009c84;
  }
  .fund-search-comp-v4 .search_pager > li.pager_first > a,
  .fund-search-comp-v4 .search_pager > li.pager_last > a,
  .fund-search-comp-v4 .search_pager > li.pager_nav > ul > li > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li > .is-nolink {
    width: 40px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_first > a,
  .fund-search-comp-v4 .search_pager > li.pager_last > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a {
    overflow: hidden;
    text-align: left;
    text-indent: -9999em;
  }
  .fund-search-comp-v4 .search_pager > li.pager_first > a::before,
  .fund-search-comp-v4 .search_pager > li.pager_first > a::after,
  .fund-search-comp-v4 .search_pager > li.pager_last > a::before,
  .fund-search-comp-v4 .search_pager > li.pager_last > a::after,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a::after,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a::after {
    content: "";
    position: absolute;
    top: 0;
    width: 14px;
    height: 14px;
    margin: 12px 0 0 0;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
  }
  .fund-search-comp-v4 .search_pager > li.pager_first > a::before,
  .fund-search-comp-v4 .search_pager > li.pager_first > a::after,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a::after {
    left: 0;
    transform: rotate(-135deg);
  }
  .fund-search-comp-v4 .search_pager > li.pager_first > a::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a::before {
    margin-left: 11px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_first > a::after,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first > a::after {
    margin-left: 18px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_last > a::before,
  .fund-search-comp-v4 .search_pager > li.pager_last > a::after,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a::after {
    right: 0;
    transform: rotate(45deg);
  }
  .fund-search-comp-v4 .search_pager > li.pager_last > a::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a::before {
    margin-right: 11px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_last > a::after,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last > a::after {
    margin-right: 18px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_prev > a,
  .fund-search-comp-v4 .search_pager > li.pager_next > a {
    width: 65px;
  }
  .fund-search-comp-v4 .search_pager-v2 > li.pager_prev > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_next > a {
    width: calc(5em + 37px);
  }
  .fund-search-comp-v4 .search_pager > li.pager_prev > a > span,
  .fund-search-comp-v4 .search_pager > li.pager_next > a > span,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_prev > a > span,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_next > a > span {
    position: relative;
    display: inline-block;
    padding: 0 5px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_prev > a > span,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_prev > a > span {
    padding-left: 20px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_next > a > span,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_next > a > span {
    padding-right: 20px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_prev > a > span::before,
  .fund-search-comp-v4 .search_pager > li.pager_next > a > span::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_prev > a > span::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_next > a > span::before {
    content: "";
    position: absolute;
    top: 0;
    width: 14px;
    height: 14px;
    margin: 12px 0 0 0;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
  }
  .fund-search-comp-v4 .search_pager > li.pager_prev > a > span::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_prev > a > span::before {
    left: 0;
    transform: rotate(-135deg);
    margin-left: 2px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_next > a > span::before,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_next > a > span::before {
    right: 0;
    transform: rotate(45deg);
    margin-right: 2px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_first,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_first {
    margin: 0 10px 0 0;
  }
  .fund-search-comp-v4 .search_pager > li.pager_last,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_last {
    margin: 0 0 0 10px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_nav,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav {
    margin: 0 10px;
  }
  .fund-search-comp-v4 .search_pager > li.pager_nav > ul,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 0;
  }
  .fund-search-comp-v4 .search_pager > li.pager_nav > ul > li,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li {
    display: none;
    margin: 10px 5px 0;
  }
  .fund-search-comp-v4 .search_pager > li.pager_nav > ul > li > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li > .is-current > .is-nolink {
    font-size: 1.5rem;
  }
  .fund-search-comp-v4 .search_pager > li.pager_nav > ul > li.is-current,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li.is-current {
    display: flex;
  }
  .fund-search-comp-v4 .search_pager > li.pager_nav > ul > li.is-current > a,
  .fund-search-comp-v4 .search_pager-v2 > li.pager_nav > ul > li.is-current > .is-nolink {
    background-color: #009c84;
    border-color: #009c84;
    color: #fff;
    font-weight: 700;
    cursor: default;
  }

  /* fund-search-comp-v5 */
  .fund-search-comp-v5 {
    margin: 50px -15px 0;
    padding: 30px 15px;
    background-color: #e3e3ee;
  }
  .fund-search-comp-v5 > *:first-child,
  .fund-search-comp-v5 > section:first-child > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp-v5 > *:last-child,
  .fund-search-comp-v5 > section:last-child > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp-v5 .search_column {
    display: flex;
    align-items: center;
  }
  .fund-search-comp-v5 .search_column > .column_heading {
    flex: 1;
  }
  .fund-search-comp-v5 .search_column > .column_heading .heading-lv3 .heading_title {
    line-height: 1.1;
  }
  .fund-search-comp-v5 .search_column > .column_link {
    margin: 0 0 0 36px;
  }
  .fund-search-comp-v5 .search_column > * > *:first-child {
    margin-top: 0 !important;
  }
  .fund-search-comp-v5 .search_column > * > *:last-child {
    margin-bottom: 0 !important;
  }
  .fund-search-comp-v5 .search_box {
    overflow: hidden;
    position: relative;
    margin: 15px 0 0;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #009c84;
  }
  .fund-search-comp-v5 .search_box .box_textfield {
    width: 100%;
    height: 47px;
    padding: 0 67px 0 13px;
    background: none;
    border: none;
    border-radius: 0;
    font-size: 1.5rem;
    line-height: 47px;
    outline: none;
  }
  .fund-search-comp-v5 .search_box .box_textfield::placeholder {
    color: #999;
  }
  .fund-search-comp-v5 .search_box .box_textfield::-webkit-input-placeholder {
    color: #999;
  }
  .fund-search-comp-v5 .search_box .box_submit {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 59px;
    height: 36px;
    padding: 0;
    background-color: #009c84;
    border: none;
    border-radius: 18px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  /* ------------------------------------------------------
   * fund-button-comp
  ------------------------------------------------------ */
  /* fund-button-comp */
  .contents > .fund-button-comp:first-child > *:first-child {
    margin-top: 0 !important;
  }

  /* ------------------------------------------------------
   * feature-comp
  ------------------------------------------------------ */
  /* feature-comp */
  /* feature-comp-v2 */
  /* feature-comp-v3 */
  .feature-comp,
  .feature-comp-v2,
  .feature-comp-v3 {
    margin: 20px 0 0;
  }
  .feature-comp > *:first-child,
  .feature-comp-v2 > *:first-child,
  .feature-comp-v3 > *:first-child,
  .feature-comp > section:first-child > *:first-child,
  .feature-comp-v2 > section:first-child > *:first-child,
  .feature-comp-v3 > section:first-child > *:first-child {
    margin-top: 0 !important;
  }
  .feature-comp > *:last-child,
  .feature-comp-v2 > *:last-child,
  .feature-comp-v3 > *:last-child,
  .feature-comp > section:last-child > *:last-child,
  .feature-comp-v2 > section:last-child > *:last-child,
  .feature-comp-v3 > section:last-child > *:last-child {
    margin-bottom: 0 !important;
  }
  .feature-comp .feature_heading,
  .feature-comp-v2 .feature_heading,
  .feature-comp-v3 .feature_heading {
    position: relative;
    margin: 25px 0 0;
    font-weight: 700;
  }
  .feature-comp .feature_heading,
  .feature-comp-v2 .feature_heading {
    padding: 0 0 0 40px;
  }
  .feature-comp .feature_heading {
    font-size: 2.0rem;
    line-height: 1.32;
  }
  .feature-comp-v2 .feature_heading,
  .feature-comp-v3 .feature_heading {
    font-size: 1.8rem;
    line-height: 1.33;
  }
  .feature-comp-v3 .feature_heading {
    padding: 0 0 0 45px;
    color: #009c84;
  }
  .feature-comp .feature_heading .heading_index,
  .feature-comp-v2 .feature_heading .heading_index,
  .feature-comp-v3 .feature_heading .heading_index {
    position: absolute;
    left: 0;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    text-align: center;
  }
  .feature-comp .feature_heading .heading_index,
  .feature-comp-v2 .feature_heading .heading_index {
    width: 25px;
    height: 25px;
    background-color: #009c84;
    font-size: 1.6rem;
    line-height: 25px;
  }
  .feature-comp .feature_heading .heading_index {
    top: 0;
  }
  .feature-comp-v2 .feature_heading .heading_index {
    top: -0.1em;
  }
  .feature-comp-v3 .feature_heading .heading_index {
    top: 50%;
    transform: translateY(-50%);
    width: 37px;
    height: 37px;
    background-color: #008570;
    font-size: 2.1rem;
    line-height: 37px;
  }
  .feature-comp .feature_section,
  .feature-comp-v2 .feature_section,
  .feature-comp-v3 .feature_section {
    margin: 10px 0 0;
  }
  .feature-comp .feature_section {
    padding: 0 0 0 40px;
  }
  .feature-comp .feature_section > *:first-child,
  .feature-comp-v2 .feature_section > *:first-child,
  .feature-comp-v3 .feature_section > *:first-child {
    margin-top: 0 !important;
  }
  .feature-comp .feature_section > *:last-child,
  .feature-comp-v2 .feature_section > *:last-child,
  .feature-comp-v3 .feature_section > *:last-child {
    margin-bottom: 0 !important;
  }
  [class*="feature-comp"] .feature_frame {
    margin: 30px -15px 0;
    padding: 30px 15px;
    background-color: #f7f8fc;
  }
  [class*="feature-comp"] .feature_frame > *:first-child,
  [class*="feature-comp"] .feature_frame > section:first-child > *:first-child {
    margin-top: 0 !important;
  }
  [class*="feature-comp"] .feature_frame > *:last-child,
  [class*="feature-comp"] .feature_frame > section:last-child > *:last-child {
    margin-bottom: 0 !important;
  }
  /* sitemap-layout */
  .sitemap-layout > *:first-child,
  .sitemap-layout > *:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .sitemap-layout .sitemap_column,
  .sitemap-layout .sitemap_column > .column_item {
    margin-top: 2.15em;
  }
  .sitemap-layout > *:first-child,
  .sitemap-layout > section:first-child > *:first-child {
    margin-top: 0 !important;
  }
  .sitemap-layout .sitemap_column > .column_item:first-child {
    margin-top: 0;
  }
  .sitemap-layout .sitemap_column > .column_item > section:last-child > *:last-child {
    margin-bottom: 0 !important;
  }

  /* ------------------------------------------------------
   * Search Area
  ------------------------------------------------------ */
  .content-search .search-box {
    width: 100%;
    padding: 20px 0 10px;
    background: #fff;
  }
  .content-search .search-box form {
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 6px 4px 6px 13px;
    background: #fff;
    border: solid 2px #009c84;
    border-radius: 5px;
  }
  .content-search .search-box form .txt {
    position: relative;
    flex: 1;
    padding-right: 10px;
  }
  .content-search .search-box form .txt input {
    width: 100%;
    height: 36px;
    padding: 0;
    border: none;
    font-size: 1.5rem;
    outline: none;
    -webkit-appearance:none;
    appearance:none;
  }
  .content-search .search-box form .txt input:focus {
    outline: none;
  }
  .content-search .search-box form .btn {
    width: 59px;
  }
  .content-search .search-box form .btn input {
    width: 59px;
    height: 36px;
    background: #009c84;
    border: none;
    border-radius: 18px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    -webkit-appearance: none;
  }
  .content-search .search-box .search-change {
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
  }
  .content-search .search-box .search-change li:first-child {
    margin-right: 40px;
  }
  .content-search .search-box .search-change li label {
    display: block;
    cursor: pointer;
  }
  .content-search .search-box .search-change li label input {
    display: none;
  }
  .content-search .search-box .search-change li label span {
    position: relative;
    display: inline-block;
    padding-left: 30px;
  }
  .content-search .search-box .search-change li label span::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border: solid 1px #999;
    border-radius: 50%;
    content: "";
  }
  .content-search .search-box .search-change li label input:checked + span::after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    background: #009c84;
    border-radius: 50%;
    content: "";
  }

  /* ------------------------------------------------------
   * Blog Parts
  ------------------------------------------------------ */
  .product-body {
    counter-reset: heading2-02;
  }
  /* ----- heading ----- */
  .heading2-01 {
    margin: 2em 0 1.3em;
    position: relative;
    display: block;
    padding-bottom: 10px;
    color: #009c84;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .heading2-01::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 2px;
    background: #009c84;
    content: "";
  }
  .heading2-02 {
    margin: 2em 0 1.3em;
    position: relative;
    display: block;
    padding-left: 1.3em;
    text-indent: -1.3em;
    padding-bottom: 10px;
    color: #009c84;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .heading2-02::before {
    counter-increment: heading2-02;
    content: counter(heading2-02)". ";
  }
  .heading3-01 {
    margin: 2em 0 1.3em;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .heading4-01 {
    margin: 2em 0 1em;
    position: relative;
    padding-left: 25px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .heading4-01::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 14px;
    height: 2px;
    background: #009c84;
    content: "";
  }

  /* ----- text ----- */
  .txtColor01 {
    color: #e90f0f;
  }
  .txtColor02 {
    color: #009c84;
  }
  .txtBold01 {
    font-weight: bold;
  }
  .txtDec01 {
    text-decoration: underline;
  }
  .txtDec01Color01 {
    color: #e90f0f;
    text-decoration: underline;
  }

  /* ----- icon list ----- */
  .listUl01 {
    margin-top: 1em;
  }
  .listUl01 > li {
    position: relative;
    padding-left: 20px;
  }
  .listUl01 > li + li {
    margin-top: .5em;
  }
  .listUl01 > li::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #73cc73;
    content: "";
  }
  /* v2 */
  .listUl02 {
    margin: 1em 0 1em;
  }
  li > .listUl02 {
    margin: .5em 0 .75em;
  }
  li > .listUl02 > li {
    text-indent: 0;
  }
  .listUl02 > li {
    position: relative;
    padding-left: 12px;
  }
  .listUl02 > li + li {
    margin-top: .7em;
  }
  .listUl02 > li::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #73cc73;
    content: "";
  }

  /* ----- num list ----- */
  .listOl01 {
    margin-top: 1em;
    counter-reset: listOl01;
  }
  .listOl01 > li {
    padding-left: 2.3em;
    text-indent: -2.3em;
  }
  .listOl01 > li + li {
    margin-top: .5em;
  }
  .listOl01 > li::before {
    margin-right: .5em;
    color: #009c84;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.1;
    counter-increment: listOl01;
    content: counter(listOl01) ". ";
  }
  /* v2 */
  .listOl02 {
    margin-top: 1em;
    counter-reset: listOl02;
  }
  .listOl02 > li {
    position: relative;
    padding-left: 3.1em;
    text-indent: -3.1em;
  }
  .listOl02 > li + li {
    margin-top: .5em;
  }
  .listOl02 > li::before {
    margin-right: 0.5em;
    line-height: 1.1;
    vertical-align: middle;
    counter-increment: listOl02;
    content: "（"counter(listOl02)"）";
  }

  /* ----- list note ----- */
  .txtNote01 {
    margin-top: 1em;
  }
  .txtNote01 > li {
    position: relative;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 1.3rem;
  }
  .txtNote01 > li + li {
    margin-top: .5em;
  }
  .txtNote01 > li::before {
    content: "※";
  }
  /* v2 */
  .txtNote02 {
    margin-top: 1em;
  }
  .txtNote02 > li {
    position: relative;
    padding-left: 1em;
    text-indent: -1em;
  }
  .txtNote02 > li + li {
    margin-top: .5em;
  }
  .txtNote02 > li::before {
    content: "※";
  }
  /* v3 */
  .txtNote03 {
    margin-top: 1em;
  }
  .txtNote03 > li {
    font-size: 1.3rem;
  }
  .txtNote03 > li + li {
    margin-top: .5em;
  }

  /* ----- list description ----- */
  .listDl01 {
    margin: 1em 0;
  }
  .listDl01 > dt {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .listDl01 > dt:first-child {
    margin-top: 0 !important;
  }
  .listDl01 > dd {
    padding-top: 1em;
  }
  .listDl01 > dd > *:first-child,
  .listDl01 > dd > section:first-child > [class*="heading-lv"] {
    margin-top: 0 !important;
  }
  .listDl01 > dd + dt {
    margin: 1em 0 0;
  }

  /* ----- link ----- */
  .linkTxtList01 {
    margin-top: 1em;
  }
  .linkTxtList01 > li + li {
    margin-top: .75em;
  }
  .linkTxtList01 > li > a {
    display: inline-block;
    position: relative;
    padding-left: 11px;
  }
  .linkTxtList01 > li > a::before {
    position: absolute;
    top: .5em;
    left: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
    content: "";
  }
  .linkTxtList01 > li > a[target="_blank"]::after,
  .linkTxtList01 > li > a[href$=".pdf"]::after,
  .linkTxtList01 > li > a[href="javascript:print();"]::after,
  .linkTxtList01 > li > a[href^="mailto:"]::after {
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-size: 240px auto;
    vertical-align: top;
    content: "";
  }
  .linkTxtList01 > li > a[target="_blank"]::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: .3em 0 0 5px;
    background-position: -120px 0;
  }
  .linkTxtList01 > li > a[href$=".pdf"]::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: .1em 0 0 5px;
    background-position: -160px 0;
  }
  .linkTxtList01 > li > a[href="javascript:print();"]::after {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: .3em 0 0 5px;
    background-position: -180px 0;
  }
  .linkTxtList01 > li > a[href^="mailto:"]::after {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin: .3em 0 0 5px;
    background-position: -200px 0;
  }

  /* ----- link button ----- */
  .linkBtnList01 {
    margin-top: 1.5em;
    padding: 4px 4px;
  }
  .linkBtnList01 > li + li {
    margin-top: .75em;
  }
  .linkBtnList01 > li > a {
    width: 100%;
  }
  .linkBtnList01 > li > a[href$=".pdf"]::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -7px 0 0;
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-position: -160px 0;
    background-size: 240px auto;
    vertical-align: top;
    content: "";
  }
  .linkBtnList01 > li.linkBtn01 > a,
  .linkBtnList01 > li.linkBtn02 > a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 20px 10px;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #e3e3ee;
    color: #333;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  .linkBtnList01 > li.linkBtn01 > a {
    font-size: 1.6rem;
  }
  .linkBtnList01 > li.linkBtn03 > a,
  .linkBtnList01 > li.linkBtn04 > a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 15px 10px;
    border: 1px solid #fff;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    color: #333;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
  }
  .linkBtnList01 > li.linkBtn04 > a {
    font-size: 1.2rem;
  }

  /* ----- table ----- */
  .tblCaption01 {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: left;
  }
  .tblDate01 {
    overflow-x: auto;
    margin: 1em 0;
    padding-bottom: 20px;
  }
  .tblDate01::-webkit-scrollbar {
    height: 6px;
  }
  .tblDate01::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #f1f1f1;
  }
  .tblDate01::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #888;
  }

  .tblDate01 > table {
    width: 100%;
    border-top: 1px solid #ccc;
  }
  .tblDate01.type-line > table {
    border-right: 1px solid #ccc;
  }
  .tblDate01 > table th,
  .tblDate01 > table td {
    padding: 15px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
  }
  .tblDate01.type-line > table th,
  .tblDate01.type-line > table td {
    border-left: 1px solid #ccc;
  }
  .tblDate01 > table th > *:first-child,
  .tblDate01 > table td > *:first-child {
    margin-top: 0 !important;
  }
  .tblDate01 > table th {
    background-color: #e3e3ee;
  }
  .tblDate01 > table thead th {
    text-align: center;
    vertical-align: middle;
  }
  .tblDate01 > table .thLv1 {
    background-color: #e3e3ee;
  }
  .tblDate01 > table .thLv2 {
    background-color: #fff2f2;
  }
  .tblDate01 > table .thLv3 {
    background-color: #f7f8fc;
    vertical-align: middle;
  }
  .wAuto {width: auto !important;}.w001per {width: 1%;}.w002per {width: 2%;}.w003per {width: 3%;}.w004per {width: 4%;}.w005per {width: 5%;}.w006per {width: 6%;}.w007per {width: 7%;}.w008per {width: 8%;}.w009per {width: 9%;}.w010per {width: 10%;}.w011per {width: 11%;}.w012per {width: 12%;}.w013per {width: 13%;}.w014per {width: 14%;}.w015per {width: 15%;}.w016per {width: 16%;}.w017per {width: 17%;}.w018per {width: 18%;}.w019per {width: 19%;}.w020per {width: 20%;}.w021per {width: 21%;}.w022per {width: 22%;}.w023per {width: 23%;}.w024per {width: 24%;}.w025per {width: 25%;}.w026per {width: 26%;}.w027per {width: 27%;}.w028per {width: 28%;}.w029per {width: 29%;}.w030per {width: 30%;}.w031per {width: 31%;}.w032per {width: 32%;}.w033per {width: 33%;}.w034per {width: 34%;}.w035per {width: 35%;}.w036per {width: 36%;}.w037per {width: 37%;}.w038per {width: 38%;}.w039per {width: 39%;}.w040per {width: 40%;}.w041per {width: 41%;}.w042per {width: 42%;}.w043per {width: 43%;}.w044per {width: 44%;}.w045per {width: 45%;}.w046per {width: 46%;}.w047per {width: 47%;}.w048per {width: 48%;}.w049per {width: 49%;}.w050per {width: 50%;}.w051per {width: 51%;}.w052per {width: 52%;}.w053per {width: 53%;}.w054per {width: 54%;}.w055per {width: 55%;}.w056per {width: 56%;}.w057per {width: 57%;}.w058per {width: 58%;}.w059per {width: 59%;}.w060per {width: 60%;}.w061per {width: 61%;}.w062per {width: 62%;}.w063per {width: 63%;}.w064per {width: 64%;}.w065per {width: 65%;}.w066per {width: 66%;}.w067per {width: 67%;}.w068per {width: 68%;}.w069per {width: 69%;}.w070per {width: 70%;}.w071per {width: 71%;}.w072per {width: 72%;}.w073per {width: 73%;}.w074per {width: 74%;}.w075per {width: 75%;}.w076per {width: 76%;}.w077per {width: 77%;}.w078per {width: 78%;}.w079per {width: 79%;}.w080per {width: 80%;}.w081per {width: 81%;}.w082per {width: 82%;}.w083per {width: 83%;}.w084per {width: 84%;}.w085per {width: 85%;}.w086per {width: 86%;}.w087per {width: 87%;}.w088per {width: 88%;}.w089per {width: 89%;}.w090per {width: 90%;}.w091per {width: 91%;}.w092per {width: 92%;}.w093per {width: 93%;}.w094per {width: 94%;}.w095per {width: 95%;}.w096per {width: 96%;}.w097per {width: 97%;}.w098per {width: 98%;}.w099per {width: 99%;}.w100per {width: 99%;}
  .aC {text-align: center !important;}.aR {text-align: right !important;}.aL {text-align: left !important;}

  /* ----- layout ----- */
  .imgSet01 {
     margin: 1em 0;
  }
  .imgSet01 figcaption {
    margin: 0.5em 0 0;
    font-size: 1.3rem;
  }
  .column {
     margin: 1em 0;
  }

  /* ----- box ----- */
  .boxColumn01 {
    margin: 2.5em -15px 0;
    padding: 25px 15px 25px;
    background-color: #f7f8fc;
  }
  .boxColumn01 > *:first-child {
    margin-top: 0;
  }
  .boxColumn01 .heading {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
  }
  /* -----  ----- */
 .ms-iframe-wrap {
  width: 100%;
 }
 .ms-iframe-wrap iframe {
  width: 100%;
 }
 .ms-iframe-wrap iframe .fund-index-layout {
  margin: 0;
  padding: 0;
 }
  /* ----- fund-product-category ----- */
  .fund-product-category {
    display: inline-flex;
    flex-flow: row wrap;
    margin-top: .5em;
  }
  .fund-product-category > * {
    margin-right: .7em;
    margin-bottom: .7em;
}
  /* ----- fund-product-badge ----- */
  [class^="fund-product-badge"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    height: 25px;
    padding: 6px 9px 4px;
    color: #fff;
    font-size: 1.2rem;
    font-style: normal;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
  }
  .fund-product-badge--nisa01 {
    background-color: #48a24a;
  }
  .fund-product-badge--nisa02 {
    background-color: #0092a3;
  }


  /* ----- fund-link ----- */
  .fund-link {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .fund-link > .fund-link-button-v2 {
    margin: 0 .5em 0 0;
  }
  .fund-link > .fund-link-button-v2 > li > a {
    margin: 0;
    padding: 8px 14px 6px;
    display: inline-block;
    position: relative;
    min-width: 50px;
    border: 1px solid #009d85;
    border-radius: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.25);
    background-color: #fff;
    color: #333;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
  }
  /* ----- fund-tab-v2 ----- */
  .fund-tab-v2 {
    margin-top: 1.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #f3f3f3;
    border-radius: 22.5px;
    overflow: hidden;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list {
    overflow: hidden;
    display: flex;
    margin-bottom: -1px;
    flex-flow: row wrap;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list > li {
    display: flex;
    position: relative;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list[data-tab-row-sp="1"] > li {
    width: 100%;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list[data-tab-row-sp="2"] > li {
    width: calc(100% / 2);
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list[data-tab-row-sp="3"] > li,
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list:not([data-tab-row-sp]) > li {
    width: calc(100% / 3);
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list[data-tab-row-sp="1"] > li,
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list[data-tab-row-sp="2"] > li:nth-child(2n),
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list[data-tab-row-sp="3"] > li:nth-child(3n),
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list:not([data-tab-row-sp]) > li:nth-child(3n) {
    border-right: none;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.16;
    text-align: center;
    padding: 4px 5px 5px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    width: 100%;
    height: 100%;
    min-height: 55px;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list > li > a > .fund-tab-v2_new {
    padding: 3px 11px 3px;
    position: relative;
    display: inline-block;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 1.5rem;
    background-color: #fbce40;
    border-radius: 15px;
    line-height: 1;
    color: #333;
    border: 2px solid #fff;
    font-family: Arial, Helvetica, sans-serif;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list > li > a > .fund-tab-v2_new::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -4px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #fbce40 transparent transparent transparent;
    z-index: 1;
  }
  .fund-tab-v2 > .fund-tab-v2_navi > .fund-tab-v2_list > li > a > .fund-tab-v2_new::before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    z-index: 0;
  }


  /* ----- fund-tab-v3 ----- */
  .fund-tab-v3 {
    margin-top: 1.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    border: 2px solid #009d85;
    border-radius: 22.5px;
    overflow: hidden;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: -2px;
    overflow: hidden;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list > li {
    display: flex;
    position: relative;
    border-right: 2px solid #009d85;
    border-bottom: 2px solid #009d85;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list[data-tab-row-sp="1"] > li {
    width: 100%;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list[data-tab-row-sp="2"] > li {
    width: calc(100% / 2);
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list[data-tab-row-sp="3"] > li,
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list:not([data-tab-row-sp]) > li {
    width: calc(100% / 3);
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list[data-tab-row-sp="1"] > li,
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list[data-tab-row-sp="2"] > li:nth-child(2n),
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list[data-tab-row-sp="3"] > li:nth-child(3n),
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list:not([data-tab-row-sp]) > li:nth-child(3n) {
    border-right: none;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.16;
    text-align: center;
    padding: 4px 5px 5px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    width: 100%;
    height: 100%;
    min-height: 55px;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list > .is-current > a {
    background: #009d85;
    color: #fff;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list > li > a > .fund-tab-v3_new {
    padding: 3px 11px 3px;
    position: relative;
    display: inline-block;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 1.5rem;
    background-color: #fbce40;
    border-radius: 15px;
    line-height: 1;
    color: #333;
    border: 2px solid #fff;
    font-family: Arial, Helvetica, sans-serif;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list > li > a > .fund-tab-v3_new::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -4px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #fbce40 transparent transparent transparent;
    z-index: 1;
  }
  .fund-tab-v3 > .fund-tab-v3_navi > .fund-tab-v3_list > li > a > .fund-tab-v3_new::before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    z-index: 0;
  }

  /* ----- fund-tab-v4 ----- */
  .fund-tab-v4--wrap {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
    border-radius: 22.5px;
    overflow: hidden;
    background-color: #fff;
  }
  .fund-tab-v4_detail {
    padding: 20px 0 20px 14px;
  }
  .fund-tab-v4_detail >*:first-child {
    margin-top: 0;
  }
  .fund-tab-v4 .a-pdf span {
    font-weight: bold;
  }
  .fund-tab-v4 .fund-tab-v4_navi .fund-tab-v4_list > li > a {
    font-weight: bold;
  }
  .fund-tab-v4 > .fund-tab-v4_navi > .fund-tab-v4_list > li > a.is-active {
    background-color: #d8efcc;
  }
  .fund-tab-v4 .fund-tab-v4_navi .fund-tab-v4_list > li > a {
    position: relative;
  }
  .fund-tab-v4 .fund-tab-v4_navi .fund-tab-v4_list > li > a:not(.is-active) span::after {
    content: "";
    display: inline-block;
    background-image: url('/common/img/com_ic01.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .fund-tab-v4 .fund-tab-v4_navi .fund-tab-v4_list > li > a.is-active span::after {
    content: "";
    display: inline-block;
    background-image: url('/common/img/com_ic02.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 2px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .fund-tab-v4_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
  }


  .fund-tab-v4_list li {
    border-bottom: 1px solid #ddd;
  }


  .fund-tab-v4_list li a {
    display: block;
    padding: 19px 14px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    transition: background-color 0.3s ease;
  }

  .fund-tab-v4_list .a-pdf {
    position: relative;
    padding-right: 25px;
  }

  .fund-tab-v4_list .a-pdf::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url(/common/img/com_sprite01.png) no-repeat;
    background-position: -160px 0;
    background-size: 240px auto;
  }

  .fund-tab-v4_list li a.open {
    background-color: #d8efcc;
    color: #333;
  }

  .fund-accordion {
    margin-top: 18px;
    padding: 0 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    font-family: 'Helvetica', 'Arial', sans-serif;
    padding-bottom: 14px;
  }

  .fund-accordion + .fund-accordion {
    margin-top: 0px;
    padding-bottom: 14px;
  }

  .fund-accordion_text {
    font-size: 14px;
    line-height: 1.5;
  }

  .fund-accordion-head {
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    padding-left: 24px;
  }

  .fund-accordion-head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url('/common/img/com_ic02.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 2px;
    transform: translateY(-50%);
  }

  .fund-accordion-body {
    margin-top: 14px;
  }

  .fund-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 42px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .year-group {
  }

  .year-group a {
    flex: 0 1 calc(50% - 10px);
    text-decoration: none;
  }

  .year-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    padding: 4px 25px;
    transition: color 0.2s;
  }
  .year-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 2px solid #009c84;
    border-right: 2px solid #009c84;
  }
  .year-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url('/common/img/com_sprite01.png');
    background-size: 240px auto;
    background-position: -160px 0;
  }


  /* ----- fund-assist ----- */
  .fund-assist {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 89;
  }
  .fund-assist .fund-assist_list {
    display: flex;
    flex-wrap: wrap;
  }
  .fund-assist .fund-assist_list > li {
    width: calc(100% / 2);
  }
  .fund-assist .fund-assist_list > li + li {
    border-left: 1px solid #fff;
  }
  .fund-assist .fund-assist_list .fund-assist_link {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #009c84;
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    min-height: 45px;
  }
  /* ----- video-wrap ----- */
  .video-wrap {
    display: flex;
    margin: 0;
  }
  .video-wrap>:last-child {
    margin-bottom: 0 !important;
  }
  .video-wrap>:first-child {
    margin-top: 0 !important;
  }
  .video-wrap-inner {
    width: 100%;
  }
  .iframe-video {
    aspect-ratio: 16 / 9;
    position: relative;
    width: 100%;
  }
  .iframe-video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  /* ----- video-wrap ----- */
  .video-title {
    margin-top: 1em;
    font-size: 1.6rem;
    text-align: left;
  }


  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .column-media[data-layout-sp="row"]::after,
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}


/* ======================================================
 * Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
***/