@charset 'UTF-8';

.-nisa-difference .box.-supplement.-nisa-difference-title {
  color: #153e82;
  background-color: #e4e3e1;

  flex-flow: column nowrap;
}

.-nisa-difference .box.-supplement.-nisa-difference-title>img {
  margin-top: 10px;
}

.-nisa-difference .panel-box.-emphasis>.title {
  padding: 10px;
}

.-nisa-difference .panel-box.-emphasis>.contents {
  flex-direction: column;
  height: 100%;
  padding: 10px;
}

.-nisa-difference .panel-box.-emphasis.-new-nisa>.title {
  color: #fff;
  border-bottom: none;
  background-color: #c00000;
}

.-nisa-difference .panel-box.-emphasis.-new-nisa>.contents {
  background-color: #fff6d9;
}

.-nisa-difference .panel-box.-emphasis.-old-nisa>.title {
  color: #fff;
  border-bottom: none;
  background-color: #7f7f7f;
}

.-nisa-difference .row.-nisa-difference-comparison {
  overflow: hidden;
  margin: 0;
}

.-nisa-difference .row.-nisa-difference-comparison>[class^=col-] {
  padding-bottom: 0;
}

.-nisa-difference .row.-nisa-difference-comparison>[class^=col-]:last-child {
  padding-right: 0;
}

.overflow-wrapper {
  position: relative;
  margin: 1.5em 0 0;
}

.overflow-wrapper:first-child {
  margin-top: 0;
}

.overflow-wrapper.-scrolling .block.-scroll>.control.-next {
  display: none;
}

.overflow-wrapper.-scrolling-end .block.-scroll>.control.-prev {
  display: block;
}

.overflow-wrapper .tbl {
  margin: 0;
}

.image._img-bordered {
  max-width: 1260px!important;
  margin: 0 auto;
  border: none;
}

.image._img-bordered img {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  max-height: 100%;
}

.tbl.-secondary>thead th.-nisa-grow-new,.tbl.-secondary>thead td.-nisa-grow-new,.tbl.-secondary>tbody th.-nisa-grow-new,.tbl.-secondary>tbody td.-nisa-grow-new {
  color: #222;
  background-color: #e4d7ab;
}

.tbl.-secondary>thead th.-nisa-tsumitate-new,.tbl.-secondary>thead td.-nisa-tsumitate-new,.tbl.-secondary>tbody th.-nisa-tsumitate-new,.tbl.-secondary>tbody td.-nisa-tsumitate-new {
  color: #222;
  background-color: #d4e3c7!important;
}

.ico-label.-nisa-tsumitate-new {
  background-color: #d4e3c7;
}

.ico-label.-nisa-grow-new {
  background-color: #e4d7ab;
}

.box.-supplement.-nisa {
  background-color: #fdf4eb;
}

.box.-supplement.-nisa .-nisa-tsumitate {
  color: #fff;
  background-color: #008061;
}

.box.-supplement.-nisa .-nisa-grow {
  color: #fff;
  background-color: #5b9000;
}

.box.-supplement.-nisa .block.-nisa {
  margin-top: .5em;
}

.box.-supplement.-nisa .block.-nisa.-heiyou {
  padding: .8em;
  border: 1px solid #ccc;
  background-color: #fff;
}

.box.-supplement.-nisa .block.-nisa.-heiyou .ico-label:not(:first-child) {
  margin-right: 0;
}

.box.-supplement.-nisa .block.-nisa.-toushi {
  padding: .8em 0;
}

.box.-supplement.-nisa .block.-nisa.-toushi .txt {
  width: 50%;
}

.box.-supplement.-nisa .block.-nisa .txt {
  line-height: 1.2;
  margin-top: 0;
}

.box.-nisa-movie {
  background-color: #f0f9fe;
}

.box.-nisa-movie .txt.-nisa {
  color: #002870;
}

.box.-comingsoon {
  display: flex;
  color: #a6a6a6;
  border: 1px solid #ccc;
  background-color: #f2f2f2;

  align-items: center;
  justify-content: center;
}

.icon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -8px;
}

.icon>:not(:first-child) {
  margin-left: 3px;
}

.icon>.ico-age {
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  color: #333;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 1px 1px 3px 1px rgba(153,153,153,.5);
}

.icon>.ico-age>b {
  font-size: 18px;
  color: #e00000;
}

.row.-nisa-account-flow>[class^=col] {
  position: relative;
}

.row.-nisa-account-flow>[class^=col]:after {
  position: absolute;
  bottom: 5px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -28px;
  content: '';
  transition: all .43s;
  border-width: 8px 8px 0;
  border-style: solid;
  border-color: transparent transparent transparent #999;
  border-color: #999 transparent transparent;
}

.row.-nisa-account-flow>[class^=col]:last-child:after {
  display: none;
}

.row.-nisa-account-flow>[class^=col]>.box {
  display: flex;
  padding: 5px;
  border: none;

  align-items: center;
  justify-content: center;
}

.row.-nisa-account-flow>[class^=col]>.box.-examination {
  background: #fafcea;
}

.row.-nisa-account-flow>[class^=col]>.box.-completed {
  background: #fff0f0;
}

.article-card.-bigicon .summary {
  padding: 10px;
  text-align: center;
}

.article-card.-bigicon .summary>.title {
  font-size: .16rem;
  display: block;
  text-align: center;
}

.article-card.-bigicon .summary>.card-icon {
  width: auto;
  height: 60px;
  margin-top: 6px;
}

.box.-general.-nisa {
  border-color: #d0c0b0;
  background-color: #fdf4eb;
}

.box.-boxinnerstretch {
  display: flex;

  flex-flow: column nowrap;
}

.box.-boxinnerstretch .-stretchitem {
  flex-grow: 1;
}

.box.-general.-simulation {
  padding: 0;
  text-align: center;
  border-width: 2px;
  border-color: #bc1800;
}

.box.-accent {
  color: #fff;
  background-color: #bc1800;
}

.box.-nisa-round-gray {
  border-radius: 10px;
  background-color: #f2f2f2;
}

.box.-nisa-round-gray .box-image {
  text-align: center;
}

.box.-nisa-round-gray .box-text {
  font-weight: 700;
}

.box.-attention.js-error {
  display: none;
}

.panel-box.-tsumitate {
  border-bottom: none;
}

.panel-box.-tsumitate>.title {
  text-align: center;
}

.panel-box.-tsumitate>.contents {
  padding: 0;
}

.simulation-input.box.-emphasis {
  margin-top: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: #f3fbfe;
}

.simulation-input>dl dt label {
  display: flex;

  align-items: center;
}

.simulation-input>dl dd {
  display: flex;

  align-items: center;
}

.simulation-input>dl dd input,.simulation-input>dl dd select {
  width: 1%;

  flex: 1 1 auto;
}

.simulation-input>dl dd .cont_input_percentage,.simulation-input>dl dd p.select {
  display: flex;
  width: 100%;
  background: transparent;

  align-items: center;
}

.simulation-input>dl dd input+span {
  display: inline-block;
  width: 2.5em;

  flex-grow: 0;
}

.box.-result {
  border: 4px solid #d9d9d9;
  background: #eef9fc;
}

.cont_result_box.box.-result {
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.cont_simulation_box-content .block.-flow {
  height: 36px;
  margin: 1.5em 0;
}

.cont_simulation_box-content .block.-flow:after {
  transform: none;
  border-width: 36px 36px 0;
}

.cont_simulation_box-content>:last-child {
  border-bottom: 1px solid #ccc;
}

.nisa-qablock {
  display: flex;

  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-end;
}

.nisa-qablock .qablock-q {
  flex: 0 1 646px;
}

.nisa-qablock .qablock-q .box:before {
  display: none;
}

.nisa-qablock .qablock-q .box:after {
  display: none;
}

.nisa-qablock .qablock-a {
  margin-top: 35px;

  flex: 0 1 646px;
}

.nisa-qablock .box {
  display: flex;
  padding: 17px 17px 17px 23px;
  border-width: 2px;
  border-color: #ffdcd6;
  border-radius: 0;

  flex-flow: row nowrap;
}

.nisa-qablock .box .txt {
  margin-top: 0;

  align-self: center;
}

.nisa-qablock .qablock-a .box {
  margin-right: 0;
  border-color: transparent;
  background: #ffdcd6;
}

.nisa-qablock .qablock-a .box:before {
  display: none;
}

.nisa-qablock .qablock-a .box:after {
  display: none;
}

.nisa-qablock .qablock-ico {
  margin-right: 15px;
}

.dlist.-related-articles>div .article-card {
  background-color: #fff;
}

.ttl.-secondary.-nisa:after {
  background: #eb1f00;
}

.ttl.-nisa.-nisa-2024 {
  color: #5ea059;
}

.txt.-attention.-nisa {
  color: #eb1f00;
}

.panel-box.-emphasis.-nisa>.title {
  font-size: .22rem;
  line-height: 1.58182;
  padding: 10px 20px;
  text-align: center;
  border-bottom: 3px solid #d0c0b0;
  background: #fdf4eb;
}

.panel-box.-plain {
  border: none;
  background: none;
}

.panel-box.-plain>.title {
  padding: 0;
  border: none;
  background: none;
}

.panel-box.-plain>.contents {
  padding: 0;
  border: none;
  background: none;
}

.panel-box.-plain.-nisa,.panel-box.-plain.-nisa-grow,.panel-box.-plain.-nisa-tsumitate {
  padding: 20px;
}

.panel-box.-plain.-nisa>.title,.panel-box.-plain.-nisa-grow>.title,.panel-box.-plain.-nisa-tsumitate>.title {
  font-size: .22rem;
  line-height: 1.58182;
  text-align: center;
}

.panel-box.-plain.-nisa>.contents,.panel-box.-plain.-nisa-grow>.contents,.panel-box.-plain.-nisa-tsumitate>.contents {
  padding-top: 20px;
}

.panel-box.-plain.-nisa,.panel-box.-plain.-nisa-grow {
  background-color: #fdece2;
}

.panel-box.-plain.-nisa-tsumitate {
  background-color: #eaf3e5;
}

.panel-box.-enquete .checkitem {
  font-weight: 700;
  display: flex;
  width: 100%;
  padding: 15px 10px;
  color: #006394;
  border: 2px solid #006394;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0,0,0,.8);

  align-items: center;
}

.panel-box.-enquete .checkitem:hover {
  background-color: #ebf8ff;
}

.panel-box.-enquete .checkitem.-selected {
  background-color: #ebf8ff;
}

.panel-box.-enquete .checkitem .control {
  top: 50%;
  margin-top: -8px;
}

.panel-box.-enquete .checkitem .label {
  margin-bottom: 0;
}

.panel-box.-enquete .checkitem>[type=checkbox]+.control:before,.panel-box.-enquete .checkitem>[type=radio]+.control:before {
  border-color: #006394;
}

.panel-box.-enquete .textarea {
  border: 2px solid #006394;
}

.panel-box.-enquete .btn.-tertiary {
  border-color: #002870;
  background-color: #002870;
}

.panel-box.-enquete .btn.-tertiary:hover {
  color: #002870;
  background-color: #fff;
}

.panel-box.-enquete .btn.-tertiary.-link:hover:before {
  border-color: #002870;
}

.-index-nisa .tbl.-secondary.-compact thead>tr th:first-child,.-growth-nisa .tbl.-secondary.-compact thead>tr th:first-child,.-reserve-nisa .tbl.-secondary.-compact thead>tr th:first-child {
  background-color: #f4f6f8;
}

.-index-nisa .panel-box.-enquete .checkitem {
  border-radius: 0;
}

.-index-nisa .panel-box.-plain.-nisa-tsumitate {
  background-color: #d4e3c7;
}

.-index-nisa .panel-box.-plain.-nisa-grow {
  background-color: #e4d7ab;
}

.-index-nisa .panel-box.-plain .ico-font.-xs[data-icon=arrow_down_b] {
  font-size: .1rem;
  right: 10px;
}

.-index-nisa .ico-circle.-ranking,.-growth-nisa .ico-circle.-ranking,.-reserve-nisa .ico-circle.-ranking {
  width: 2.3em;
  height: 2.3em;
}

.-simulation-nisa .simulation-input.box.-emphasis,.-simulation-nisa .box.-result {
  background-color: #f4f6f8;
}

.-simulation-nisa .panel-box.-tsumitate>.title {
  background-color: #fff;
}

.-simulation-nisa .nisa-qablock .qablock-q .box {
  border-color: #e9f4ff;
}

.-simulation-nisa .nisa-qablock .qablock-a .box {
  background-color: #e9f4ff;
}

.-simulation-nisa .box.-nisa-round-gray {
  border-radius: 0;
}

.-simulation-nisa .box.-nisa-round-gray>.link-list {
  margin-right: 0;
  text-align: center;
}

.-simulation-nisa .box.-nisa-round-gray>.link-list>li {
  float: none;
  padding-right: 0;
}

.simulation-icon {
  width: 40px;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}

.-first-nisa .row.-loose.-nisa-account-flow .title,.-first-nisa .row.-loose.-nisa-account-flow .-examination,.-first-nisa .row.-loose.-nisa-account-flow .-completed {
  background-color: #e9f4ff;
}

.-first-nisa .row.-loose.-nisa-account-flow .title {
  border-bottom: 3px solid #b0c4de;
}

@media print,screen and (min-width:768px) {
  .-nisa-difference .box.-supplement.-nisa-difference-title>.txt {
    flex-basis: 1;
  }

  .-nisa-difference .row.-nisa-difference-comparison {
    flex-grow: 1;
  }

  .-nisa-difference .overflow-wrapper>.block {
    display: flex;
    height: 100%;
  }

  .overflow-wrapper .block.-scroll>.control {
    display: none;
  }

  .block.-buttons._mh-auto {
    padding-left: 20px;
  }

  .row.-nisa-account-flow>[class^=col]:after {
    position: absolute;
    top: 50%;
    right: 10px;
    left: auto;
    display: block;
    width: 0;
    height: 0;
    margin-top: -20px;
    content: '';
    border-width: 15px 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #999;
  }

  .nisa-qablock .qablock-q {
    margin-bottom: 13px;
  }

  .nisa-qablock .qablock-a .box {
    padding: 17px 17px 17px 23px;
  }
}

@media screen and (max-width:767px) {
  .-nisa-difference .box.-supplement.-nisa-difference-title {
    flex-flow: row wrap;
  }

  .-nisa-difference .box.-supplement.-nisa-difference-title>img {
    width: auto;
    height: 32px;
    margin-top: 0;
    margin-left: 10px;
  }

  .overflow-wrapper .block.-scroll>.control {
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 40px;
    cursor: pointer;
  }

  .overflow-wrapper .block.-scroll>.control:after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    content: '';
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
  }

  .overflow-wrapper .block.-scroll>.control.-prev {
    left: 0;
    display: none;
    background: linear-gradient(to left,transparent,rgba(51,51,51,.25));
  }

  .overflow-wrapper .block.-scroll>.control.-prev:after {
    left: 15px;
    transform: rotate(135deg);
  }

  .overflow-wrapper .block.-scroll>.control.-next {
    right: 0;
    background: linear-gradient(to right,transparent,rgba(51,51,51,.25));
  }

  .overflow-wrapper .block.-scroll>.control.-next:after {
    right: 15px;
    transform: rotate(-45deg);
  }

  .block.-mainvisual.-lower .ttl.-primary {
    height: 120px;
    margin-left: 0;
  }

  .box.-supplement.-nisa .block.-nisa.-toushi {
    flex-direction: column;
    padding: 0;
  }

  .box.-supplement.-nisa .block.-nisa.-toushi .txt {
    width: 100%;
  }

  .box.-supplement.-nisa .block.-nisa.-toushi .txt:not(:first-child) {
    margin-top: .5em;
  }

  .row.-nisa-account-flow>[class^=col]>.box {
    padding: 10px;
  }

  .article-card.-bigicon .summary {
    padding: 6px;
  }

  .article-card.-bigicon .summary>.card-icon {
    height: 36px;
  }

  .nisa-qablock .qablock-a {
    margin-top: 20px;
  }

  .nisa-qablock .qablock-a,.nisa-qablock .qablock-q {
    order: 2;
    flex-basis: 100%;
  }

  .nisa-qablock .qablock-ico img {
    width: 40px;
    height: 40px;
  }

  .panel-box.-emphasis.-nisa>.title {
    padding: 10px 15px;
  }
}