.risk__caution {
  border: 1px solid #43DEB1;
  color: #43DEB1;
  font-weight: 700;
  margin-bottom: 6.4rem;
  padding: 2.4rem;
  text-align: center;
}

.risk__group + .risk__group {
  margin-top: 6.4rem;
}

.risk__group * + .index--h3,
.risk__group * + .risk__fade-group {
  margin-top: 6.4rem;
}

.risk__group * + .list,
.risk__group * + .notice {
  margin-top: 1.6rem;
}

.risk__list {
  counter-reset: item;
  margin-top: 2.4rem;
}

.risk__list-item {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .risk__list-item + .risk__list-item {
    margin-top: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__list-item + .risk__list-item {
    margin-top: 3.6rem;
  }
}

.risk__list-item:before {
  background: url(/common/img/bg_stripe_primary.svg) left top/0.6rem auto;
  content: "";
  display: block;
  height: 100%;
  left: 1.6rem;
  position: absolute;
  top: 1.6rem;
  width: 100%;
}

.risk__list-item-inn {
  background: #FFF;
  border: 1px solid #43DEB1;
  padding: 3.2rem;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .risk__list-head {
    overflow: hidden;
  }
}

.risk__list-head .index--h4 {
  align-items: center;
  display: flex;
}

@media print, screen and (min-width: 768px) {
  .risk__list-head .index--h4 {
    float: left;
    width: 68.2rem;
  }
}

.risk__list-head .index--h4:before {
  align-items: center;
  background: #43DEB1;
  border-radius: 50%;
  color: #FFF;
  content: counter(item);
  counter-increment: item;
  display: flex;
  font-family: "Rubik", sans-serif;
  font-style: italic;
  font-weight: 700;
  height: 3.4rem;
  justify-content: center;
  line-height: 1;
  margin-right: 1.6rem;
  text-align: center;
  width: 3.4rem;
  min-width: 3.4rem;
}

.risk__list-head img {
  display: block;
  width: 19rem;
}

@media print, screen and (min-width: 768px) {
  .risk__list-head img {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .risk__list-head img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .risk__list-head p {
    float: left;
    width: 68.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__list-head > * + img {
    margin-top: 3.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .risk__list-head > * + p {
    margin-top: 3.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__list-head > * + p {
    margin-top: 2.4rem;
  }
}

.risk__list-bottom {
  background: #EDFDF8;
  margin-top: 2.4rem;
}

.risk__list-bottom .accordion__trigger {
  align-items: center;
  color: #43DEB1;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 2.4rem 4.8rem 2.4rem 2.4rem;
  position: relative;
}

.risk__list-bottom .accordion__trigger:before {
  align-items: center;
  background: #FFF;
  border-radius: 50%;
  content: "Q";
  display: flex;
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  height: 3.2rem;
  justify-content: center;
  line-height: 1;
  margin-right: .8rem;
  text-align: center;
  width: 3.2rem;
}

.risk__list-bottom .accordion__trigger:after {
  background: url(/rule/img/arrow_accordion-trigger.svg) center/contain no-repeat;
  content: "";
  display: block;
  height: 2.4rem;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  width: 2.4rem;
}

.risk__list-bottom .accordion__trigger.open:after {
  transform: rotate(180deg) translateY(50%);
}

.risk__list-bottom .accordion__body {
  border-top: 1px solid #43DEB1;
  padding: 2.4rem;
}

.risk__list-bottom .accordion__body * + p {
  margin-top: 0;
}

.risk__product {
  background: #EDFDF8;
  padding: 2.4rem;
}

@media print, screen and (min-width: 768px) {
  .risk__product {
    margin-top: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__product {
    margin-top: 3.6rem;
  }
}

.risk__product > * + .list {
  margin-top: 1.6rem;
}

.risk__other {
  margin-top: 2.4rem;
  position: relative;
}

.risk__other:before {
  background: url(/common/img/bg_stripe_primary.svg) left top/0.6rem auto;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 1.6rem;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .risk__other:before {
    left: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__other:before {
    left: 1.6rem;
  }
}

.risk__other-inn {
  background: #FFF;
  border: 1px solid #43DEB1;
  padding: 3.2rem;
  position: relative;
}

.risk__warning {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .risk__warning {
    margin-top: 12rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__warning {
    margin-top: 9.5rem;
  }
}

.risk__warning:before {
  background: url(/common/img/bg_stripe_primary.svg) left top/0.6rem auto;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin-left: -50%;
  position: absolute;
  top: 0;
  width: 100%;
}

.risk__warning-inn {
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .risk__warning-inn {
    align-items: center;
    display: flex;
    padding: 6.4rem 10.5rem 6.4rem 0;
  }
}

@media only screen and (max-width: 767px) {
  .risk__warning-inn {
    padding: 3.2rem 1.2rem;
  }
}

.risk__warning-inn > img {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .risk__warning-inn > img {
    flex-shrink: 0;
    order: 2;
    width: 15.1rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__warning-inn > img {
    margin: 0 auto;
    width: 10.3rem;
  }
}

@media print, screen and (min-width: 768px) {
  .risk__warning-text {
    flex: 1;
    order: 1;
    padding-left: 3.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__warning-text {
    margin-top: 2.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .risk__warning + .risk__group {
    margin-top: 10.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk__warning + .risk__group {
    margin-top: 8rem;
  }
}

.risk .common-contact {
  background: url(/common/img/bg_stripe_primary.svg) left top/0.6rem auto;
  padding: 2.4rem;
}

@media print, screen and (min-width: 768px) {
  .risk .common-contact {
    margin: 10.8rem auto 0;
    width: 96rem;
  }
}

@media only screen and (max-width: 767px) {
  .risk .common-contact {
    margin-top: 8rem;
  }
}

.risk .common-contact__inn {
  background: #FFF;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .risk .common-contact__inn {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
  }
}

.risk .common-contact__inn .index--h2 {
  width: 100%;
}

.risk .common-contact__inn > p {
  width: 100%;
}

.risk .common-contact__group {
  margin-top: 3.2rem;
}

@media print, screen and (min-width: 768px) {
  .risk .common-contact__group {
    flex: 1 1 auto;
  }
}

.dividendyield .common-section__inn {
  padding-bottom: 0;
}

@media print, screen and (min-width: 768px) {
  .dividendyield .common-section__inn {
    align-items: flex-start;
    display: flex;
  }
}

.dividendyield .common-section__inn + .common-section__inn {
  padding-top: 0;
}

@media print, screen and (min-width: 768px) {
  .dividendyield .common-section__inn + .common-section__inn {
    margin-top: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .dividendyield .common-section__inn + .common-section__inn {
    margin-top: 6.4rem;
  }
}

@media print, screen and (min-width: 768px) {
  .dividendyield .common-section__inn:last-of-type {
    padding-bottom: 10.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .dividendyield .common-section__inn:last-of-type {
    padding-bottom: 8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .dividendyield__text {
    width: 71.4rem;
  }
}

.dividendyield__text > * + p {
  margin-top: 1.75em;
}

.dividendyield__text picture {
  display: block;
  margin-top: 2.4rem;
}

.dividendyield__text picture img {
  display: block;
}

.dividendyield__img {
  display: block;
  width: 22.2rem;
}

@media print, screen and (min-width: 768px) {
  .dividendyield__img {
    flex-shrink: 0;
    margin-left: 2.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .dividendyield__img {
    margin: 8.8rem auto 0;
  }
}

.dividendyield__img img {
  display: block;
  margin: 0 auto;
}

.policy_word__group {
  background: #EDFDF8;
  padding: 2.4rem;
}

.policy_word__group * + ul.list {
  margin-top: 1.6rem;
}

.policy_word * + .policy_word__group {
  margin-top: 2.4rem;
}

@media print, screen and (min-width: 768px) {
  .commission__anchor-list {
    display: flex;
    margin: 0 auto;
    max-width: 96rem;
  }
  .commission__anchor-list li + li {
    margin-left: -1px;
  }
  .commission__anchor-list li:first-of-type a {
    border-radius: .6rem 0 0 .6rem;
  }
  .commission__anchor-list li:last-of-type a {
    border-radius: 0 .6rem .6rem 0;
  }
  .commission__anchor-list a {
    align-items: center;
    background: #FFF;
    border: 1px solid #A3A3A3;
    color: #222;
    display: flex;
    justify-content: center;
    padding: 1.3rem 0;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
    width: 40rem;
  }
  .commission__anchor-list a:hover {
    text-decoration: none;
  }
  .commission__anchor-list a:after {
    background: url(/common/img/arrow_accordion_black.svg) center/contain no-repeat;
    content: "";
    display: block;
    height: 1.6rem;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem;
  }
  .commission__anchor-list a.active {
    border-color: #43DEB1;
    color: #43DEB1;
    z-index: 1;
  }
  .commission__anchor-list a.active:after {
    background-image: url(/common/img/arrow_accordion_primary.svg);
  }
}

@media only screen and (max-width: 767px) {
  .commission__anchor-inn {
    padding-top: .8rem;
  }
}

.commission__anchor-inn.fixed {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .commission__anchor-inn.fixed {
    background: #FFF;
    top: 8rem;
  }
  .commission__anchor-inn.fixed .commission__anchor-list a {
    border-color: #FFF;
  }
}

@media only screen and (max-width: 767px) {
  .commission__anchor-inn.fixed {
    padding-left: 2rem;
    padding-right: 2rem;
    top: 10.4rem;
  }
}

.commission__section .notice + * {
  margin-top: 6.4rem;
}

.commission__section strong {
  font-weight: 700;
}

@media print, screen and (min-width: 768px) {
  .commission__section-img-list {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 767px) {
  .commission__section-img-list li + li {
    margin-top: 2rem;
  }
}

.commission__section-img-list picture {
  display: block;
}

.commission__section-img-list img {
  border: 1px solid #43DEB1;
  display: block;
}

@media print, screen and (min-width: 768px) {
  .commission__section-img-list img {
    height: 44.9rem;
    width: auto;
  }
}

.commission__section * + .commission__section-img-list {
  margin-top: 2.4rem;
}

.commission * + .commission__section {
  margin-top: 6.4rem;
}

.commission-list a {
  width: 19.2rem;
}

.commission-table-01 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2.4rem 0;
}

.commission-table-01 th {
  padding: auto;
  background-color: #F5F5F5;
  width: 25%;
  border: solid 1px #222;
  font-weight: 700;
  vertical-align: middle;
  text-align: left;
  padding-left: 20px;
}

.commission-table-01 td {
  padding: 1.6rem;
  border: solid 1px #222;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .commission-table-01 th {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.commission__anchor-list .risk-list {
  width: 22.8rem;
}

.commission__anchor-list .risk-list-long {
  width: 28rem;
}

.img_risk-list05 {
  padding-top: 3.2rem;
}

@media only screen and (max-width: 767px) {
  .img_risk-list05 {
    padding-top: 0;
  }
}

ul.notice a {
  color: #00A1E0;
  text-decoration: none;
}

ul.notice a[href$=".pdf"]:after {
  background: url(/common/img/icon_pdf.svg) center/contain no-repeat;
  content: "";
  display: inline-block;
  height: 2.4rem;
  margin: -.4rem 0 0 .8rem;
  vertical-align: middle;
  width: 2.4rem;
}
/*# sourceMappingURL=rule.css.map */