@charset 'UTF-8';

.simulation-input {
  margin-top: 0;
}

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

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

.cont_result_box-headingicon {
  flex-basis: auto!important;
}

.cont_result_box .toggle-btn {
  margin-top: 30px;
  background: #fff;
}

.cont_result_box .row .row i {
  flex-shrink: 0;
}

.js-simulation-svg>svg {
  display: block;
}

.block.-simulation-mv {
  position: relative;
  overflow: hidden;
  height: 182px;
  border: 1px solid #e3e3e3;
}

.block.-simulation-mv>.title {
  font-family: Noto Serif JP,serif;
  font-weight: 500;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: calc(26/375*100%);
  display: inline-block;
  transform: translateY(-50%);
}

.block.-simulation-mv>.title:before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 1px;
  margin: auto;
  content: '';
  box-shadow: 0 0 50px 100px rgba(255,255,255,.8);
}

.block.-simulation-mv>.title>.ttl {
  font-size: .3rem;
  line-height: 1.42667;
  position: relative;
  letter-spacing: .1em;
  text-shadow: 0 0 5px #fff;
}

.block.-simulation-mv>.title>.ttl>small {
  font-size: .15rem;
  line-height: 1.85333;
  display: block;
  letter-spacing: normal;
  text-shadow: 0 0 5px #fff;
}

.block.-simulation-mv>.title>.ttl>.chapter {
  font-size: .14rem;
  line-height: 1.91429;
  display: flex;
  width: 110px;
  height: 40px;
  margin-top: 15px;
  letter-spacing: normal;

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

.block.-simulation-mv>.title>.ttl>.chapter.-tsumitate {
  color: #782d2b;
  background: linear-gradient(to bottom,#ead6d6 0,#fff 100%);
}

.block.-simulation-mv>.title>.ttl>.chapter.-unyou {
  color: #355d85;
  background: linear-gradient(to bottom,#dbddec 0,#fff 100%);
}

.block.-simulation-mv>.title>.ttl>.chapter.-seikatsu {
  color: #3e6727;
  background: linear-gradient(to bottom,#dae5dc 0,#fff 100%);
}

.block.-simulation-mv>.image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.block.-simulation-mv>.image img {
  height: 100%;
}

.tab-container>.tablist>li>.tab {
  font-family: Noto Serif JP,serif;
  font-size: .18rem;
  font-weight: 500;
  line-height: 1.71111;
}

.tab-container>.tablist>li>.tab.-tsumitate:hover,.tab-container>.tablist>li>.tab.-tsumitate[aria-selected=true] {
  color: #782d2b;
  background: linear-gradient(to bottom,#ead6d6 0,#fff 100%);
}

.tab-container>.tablist>li>.tab.-tsumitate:hover:after,.tab-container>.tablist>li>.tab.-tsumitate[aria-selected=true]:after {
  background: #782d2b;
}

.tab-container>.tablist>li>.tab.-unyou:hover,.tab-container>.tablist>li>.tab.-unyou[aria-selected=true] {
  color: #355d85;
  background: linear-gradient(to bottom,#dbddec 0,#fff 100%);
}

.tab-container>.tablist>li>.tab.-unyou:hover:after,.tab-container>.tablist>li>.tab.-unyou[aria-selected=true]:after {
  background: #355d85;
}

.tab-container>.tablist>li>.tab.-seikatsu:hover,.tab-container>.tablist>li>.tab.-seikatsu[aria-selected=true] {
  color: #3e6727;
  background: linear-gradient(to bottom,#dae5dc 0,#fff 100%);
}

.tab-container>.tablist>li>.tab.-seikatsu:hover:after,.tab-container>.tablist>li>.tab.-seikatsu[aria-selected=true]:after {
  background: #3e6727;
}

.block.-bnr-financial-assets {
  position: relative;
  padding: 60px 20px;
  text-align: center;
  color: #fff;
  background: url(/assets/wm/img/solution/financial-assets/guidance/simulation/bg_bnr_finacial-assets.png) right center no-repeat #01121e;
  background-size: cover;
}

.block.-bnr-financial-assets:before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: block;
  content: '';
  border: 1px solid #fff;
}

.block.-bnr-financial-assets>.title {
  font-family: Noto Serif JP,serif;
  font-size: .26rem;
  font-weight: 500;
  line-height: 1.49231;
}

.block.-bnr-financial-assets>.title>.subtitle {
  font-size: .16rem;
  line-height: 1.8;
  display: block;
}

.list.-simulation-sample {
  margin-top: 40px;
}

.list.-simulation-sample>li {
  font-weight: 700;
}

.list.-simulation-sample>li>label {
  display: inline-block;
  margin-right: 10px;
  white-space: nowrap;
}

.list.-simulation-sample>li>.unit {
  font-size: .18rem;
  padding-left: 5px;
  white-space: nowrap;
}

.list.-simulation-sample>li>.textbox {
  width: calc(100% - 4em);
  margin-top: 5px;
}

.list.-simulation-sample>li>.select {
  margin-top: 5px;
}

.graphsvg-container {
  position: relative;
  height: 0;
  padding-top: calc(402/854*100%);
}

.graphsvg-container>svg {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

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

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

.tbl-wrapper .block.-scroll-x {
  overflow-y: hidden;
}

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

.tbl-wrapper .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);
}

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

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

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

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

.tbl-wrapper.-scrolling .scroll-control.-next {
  display: none;
}

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

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

.tbl-wrapper.-noscroll .block.-scroll {
  overflow: hidden;
}

.tbl-wrapper.-noscroll .scroll-control {
  display: none;
}

.tbl-wrapper.-noscroll .graphsvg-container>svg {
  width: auto;
}

@media print,screen and (min-width:768px) {
  .simulation-input input {
    width: 170px;
  }

  .simulation-input>.dlist {
    width: 456px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_simulation_box-content {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .cont_result_box {
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .block.-simulation-mv {
    height: 250px;
  }

  .block.-simulation-mv>.title {
    left: calc(60/738*100%);
    text-align: center;
  }

  .block.-simulation-mv>.title>.ttl {
    font-size: .4rem;
    line-height: 1.32;
  }

  .block.-simulation-mv>.title>.ttl>small {
    font-size: .17rem;
    line-height: 1.75294;
  }

  .block.-simulation-mv>.title>.ttl>.chapter {
    font-size: .17rem;
    line-height: 1.75294;
    width: 160px;
    height: 36px;
    margin: 20px auto 0;
  }

  .tab-container>.tablist>li>.tab {
    font-size: .22rem;
    line-height: 1.58182;
  }

  .block.-bnr-financial-assets>.title {
    font-size: .36rem;
    line-height: 1.35556;
  }

  .block.-bnr-financial-assets>.title>.subtitle {
    font-size: .2rem;
    line-height: 1.64;
  }
}

@media print,screen and (min-width:1300px) {
  .block.-simulation-mv>.title {
    left: 90px;
  }

  .list.-simulation-sample {
    display: flex;

    justify-content: space-between;
  }

  .list.-simulation-sample>li {
    display: flex;
    margin: 0;

    align-items: center;
    flex: 1 1 100%;
  }

  .list.-simulation-sample>li>label {
    margin-right: 10px;
    text-align: center;
  }

  .list.-simulation-sample>li>.textbox {
    font-weight: 700;
    width: 100%;

    flex: 1 1 100%;
  }

  .list.-simulation-sample>li>.select {
    width: 100%;
  }

  .list.-simulation-sample>li>.select>select {
    font-weight: 700;
  }
}

@media print,screen and (min-width:1300px) and (min-width:768px) {
  .list.-simulation-sample>li+li {
    margin-left: 30px;
  }
}

@media screen and (max-width:1299px) {
  .block.-simulation-mv {
    margin: -50px -15px 0;
  }

  .breadcrumbs {
    display: none;
  }
}

@media screen and (max-width:767px) {
  .simulation-input th {
    white-space: nowrap;
  }

  .simulation-input input {
    width: calc(100% - 3em);
  }

  .simulation-icon {
    display: none;
  }

  .cont_simulation_box-content .dlist:not(.-transform) dt {
    flex-basis: auto;
    flex-grow: 0;
  }

  .cont_simulation_box-content .dlist:not(.-transform) dd {
    flex-basis: auto;
    flex-grow: 1;
  }

  .cont_result_box {
    margin-top: 35px;
    padding-bottom: 20px;
  }

  .cont_result_box>.row>.txt {
    flex-shrink: 1;
  }

  .block.-simulation-mv {
    margin-top: -30px;
  }

  .block.-simulation-mv>.image {
    right: -100px;
  }

  .block.-bnr-financial-assets {
    background-position: right 10% center;
  }

  .graphsvg-container {
    padding-top: calc(402/854*100% + 5px);
  }

  .graphsvg-container>svg {
    height: calc(100% - 5px);
  }
}

@media screen and (min-width:768px) and (max-width:1299px) {
  .list.-simulation-sample {
    width: 456px;
    margin: 40px auto 0;
  }

  .list.-simulation-sample>li>label {
    width: 10em;
  }

  .list.-simulation-sample>li>.textbox {
    width: calc(100% - 14em);
  }
}

@media screen and (min-width:1300px) and (max-width:767px) {
  .list.-simulation-sample>li+li {
    margin-top: 20px;
  }
}