@charset "UTF-8";
/* layout
===================*/
.lineup .l-grid--3cols .btn__link {
  width: 100%;
  position: relative;
  padding-left: 73px;
}
.lineup .l-grid--3cols .btn__link::before {
  position: absolute;
  left: 20px;
  content: "";
  width: 43px;
  height: 26px;
  background: url("/echishin/assets/images/personal/fund/toushin/index/lineup_ic.svg") no-repeat left center;
}

/*
.structure {
    .c-area {
        border-top: 2px dashed $base-color;
        padding-top: 100px;
    }
}
*/
@media only screen and (max-width: 767px) {
  .kinds .kinds_figure .l-grid--3cols {
    grid-template-columns: repeat(3, 1fr);
  }
}
.kinds .kinds_figure .tit {
  padding: 10px;
  font-weight: 700;
}
.kinds .kinds_figure .kinds_list .l-grid--2cols {
  gap: 10px;
}
.kinds .kinds_figure .kinds_list .item {
  text-align: center;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .kinds .kinds_figure .kinds_list .item br {
    display: none;
  }
}
.kinds .kinds_figure .kinds_list .stock .item {
  background: #C8DBCB;
}
.kinds .kinds_figure .kinds_list .bond .item {
  background: #F4A2AB;
}
.kinds .kinds_figure .kinds_list .reit .item {
  background: #A3D0EF;
}
.kinds .kinds_figure .fund {
  background: #AF9B00;
  color: #ffffff;
  padding: 10px;
  font-weight: 700;
}
.kinds .kinds_figure .kinds_detail dl dt {
  text-align: center;
  font-weight: 700;
  padding: 2px 6px 6px 6px;
}
.kinds .kinds_figure .kinds_detail dl dt span {
  font-size: 0.8em;
}
@media print, screen and (min-width: 768px) {
  .kinds .kinds_figure .kinds_detail dl dd {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .kinds .kinds_figure .kinds_detail dl dd {
    padding: 10px;
  }
}
.kinds .kinds_figure .kinds_detail dl dd p {
  margin: 0;
}
.kinds .kinds_figure .kinds_detail dl dd .img {
  margin-top: 1em;
  margin-bottom: 0;
  text-align: center;
}
.kinds .kinds_figure .kinds_detail .stock {
  border: 4px solid #C8DBCB;
}
.kinds .kinds_figure .kinds_detail .stock dt {
  background: #C8DBCB;
}
.kinds .kinds_figure .kinds_detail .bond {
  border: 4px solid #F4A2AB;
}
.kinds .kinds_figure .kinds_detail .bond dt {
  background: #F4A2AB;
}
.kinds .kinds_figure .kinds_detail .reit {
  border: 4px solid #A3D0EF;
}
.kinds .kinds_figure .kinds_detail .reit dt {
  background: #A3D0EF;
}

@media only screen and (max-width: 767px) {
  .risk .scroll .scroll-inner.return {
    width: 160%;
  }
}

.cost .l-grid--4cols .cel {
  border-radius: 5px;
  padding: 20px;
}
.cost .l-grid--4cols .cel dl dt {
  background: #e60012;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
  .cost .l-grid--4cols .cel dl dt {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .cost .l-grid--4cols .cel dl dt {
    font-size: 1.8rem;
  }
}
.cost .l-grid--4cols .cel dl dd.tit {
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
  .cost .l-grid--4cols .cel dl dd.tit {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .cost .l-grid--4cols .cel dl dd.tit {
    font-size: 1.8rem;
  }
}
.cost .l-grid--3cols .cel {
  border-radius: 5px;
  padding: 20px;
  display: flex;
  align-items: center;
  text-align: center;
}
.cost .l-grid--3cols .cel p {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .cost .l-grid--3cols .cel p span {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .cost .l-grid--3cols .cel p span {
    font-size: 1.2em;
  }
}
.cost .l-grid--3cols .cel dl {
  width: 100%;
}
.cost .l-grid--3cols .cel dl dt {
  border-radius: 5px;
  background: #e60012;
  color: #ffffff;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 768px) {
  .cost .l-grid--3cols .cel dl dt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .cost .l-grid--3cols .cel dl dt {
    font-size: 1.4rem;
  }
}
.cost .l-grid--3cols .cel dl dt span {
  font-size: 1.5em;
}
.cost .l-grid--3cols .cel dl dd em {
  color: #e60012;
  font-weight: 700;
  font-style: normal;
  line-height: 1em;
}
@media print, screen and (min-width: 768px) {
  .cost .l-grid--3cols .cel dl dd em {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .cost .l-grid--3cols .cel dl dd em {
    font-size: 3rem;
  }
}
.cost .l-grid--3cols .cel dl dd em span {
  font-size: 1.3em;
}

.settlement .title {
  font-weight: 700;
  padding: 10px;
}
.settlement .box02 ul li {
  display: inline-block;
  padding-right: 0.5em;
}
.settlement .box02 .point dl dd span {
  font-weight: 700;
  color: #e60012;
}
.settlement .box03 .l-grid--2cols div:first-of-type .title span {
  color: #e60012;
}
.settlement .box03 .l-grid--2cols div:first-of-type .distribution dl dt {
  background-color: #e60012;
}
.settlement .box03 .l-grid--2cols div:last-of-type .title span {
  color: #1000e5;
}
.settlement .box03 .l-grid--2cols div:last-of-type .distribution dl dt {
  background-color: #1000e5;
}
.settlement .box03 .l-grid--2cols.distribution {
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .settlement .box03 .l-grid--2cols.distribution div dl {
    display: flex;
    align-items: center;
  }
}
.settlement .box03 .l-grid--2cols.distribution div dl dt {
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .settlement .box03 .l-grid--2cols.distribution div dl dt {
    height: 4em;
    width: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .settlement .box03 .l-grid--2cols.distribution div dl dt {
    padding: 10px;
  }
  .settlement .box03 .l-grid--2cols.distribution div dl dt br {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .settlement .box03 .l-grid--2cols.distribution div dl dd {
    width: calc(100% - 8em);
    display: flex;
    align-items: center;
  }
  .settlement .box03 .l-grid--2cols.distribution div dl dd::before {
    content: "・・・";
    font-size: 0.8em;
    font-weight: 700;
    padding: 0 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .settlement .box03 .l-grid--2cols.distribution div dl dd {
    border: 1px solid #d4d4d4;
    padding: 0 10px;
  }
}
.settlement .box03 .l-grid--2cols.distribution div:first-of-type dl dt {
  background-color: #e60012;
}
.settlement .box03 .l-grid--2cols.distribution div:last-of-type dl dt {
  background-color: #1000e5;
}
@media print, screen and (min-width: 768px) {
  .settlement .box03 .distribution-block .distribution dl {
    display: flex;
    align-items: center;
  }
}
.settlement .box03 .distribution-block .distribution dl dt {
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .settlement .box03 .distribution-block .distribution dl dt {
    height: 4em;
    width: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .settlement .box03 .distribution-block .distribution dl dt {
    padding: 10px;
  }
  .settlement .box03 .distribution-block .distribution dl dt br {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .settlement .box03 .distribution-block .distribution dl dd {
    width: calc(100% - 8em);
    display: flex;
    align-items: center;
  }
  .settlement .box03 .distribution-block .distribution dl dd::before {
    content: "・・・";
    font-size: 0.8em;
    font-weight: 700;
    padding: 0 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .settlement .box03 .distribution-block .distribution dl dd {
    border: 1px solid #d4d4d4;
    padding: 0 10px;
  }
}
.settlement .box03 .distribution-block .distribution:first-of-type .title span {
  color: #e60012;
}
.settlement .box03 .distribution-block .distribution:first-of-type .distribution dl dt {
  background-color: #e60012;
}
.settlement .box03 .distribution-block .distribution:last-of-type .title span {
  color: #1000e5;
}
.settlement .box03 .distribution-block .distribution:last-of-type .distribution dl dt {
  background-color: #1000e5;
}/*# sourceMappingURL=index.css.map */