@charset "utf-8";
.layout-base {
  position: relative;
  box-sizing: border-box;
}
/* FM
--------------------------------------------------------------------------*/
#always_wrap .future-money-area {
  background: url("../img/sdgs/bg2.png");
  background-size: 26px;
}
#always_wrap .future-money-area .fm-area {
  overflow: hidden;
}
#always_wrap .future-money-area .fm-area .fm-faq {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background: #6ac1ee;
  padding: 3rem 0 3rem 0;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-ttl {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 3rem auto;
  background: url("../img/sdgs/ttl_line.png") repeat-x;
  background-position: bottom 15px right 0;
  background-size: 10px;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-ttl picture {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 50% !important;
  margin: auto;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-ttl picture img {
  width: 100%;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-question {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 58% !important;
  margin: auto;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-question picture {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 22% !important;
  margin-right: -1%;
  order: 1;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 78% !important;
  border-radius: 5rem;
  padding: 2rem 3rem 1.5rem 6rem;
  background: #FFFFFF;
  margin: auto;
  font-size: 3.2rem !important;
  font-weight: 900 !important;
  line-height: 3.8rem;
  color: #437fc1;
  text-align: center;
  order: 2;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption ruby {
  font-size: 3.2rem !important;
  font-weight: 900 !important;
}
#always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption ruby rt {
  margin-bottom: -0.8rem !important;
}
#always_wrap .future-money-area .fm-area .fm-faq .fm-anser {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 58% !important;
  margin: auto;
}
#always_wrap .future-money-area .fm-area .fm-faq .fm-anser h3 {
  font-size: 3.2rem !important;
  font-weight: 700;
  color: #fff200;
  text-align: left;
}
#always_wrap .future-money-area .fm-area .fm-faq .fm-anser h3 ruby {
  font-size: 3.2rem !important;
  font-weight: 700;
}
#always_wrap .future-money-area .fm-area .fm-faq .fm-anser p {
  font-size: 2.2rem !important;
  font-weight: 500 !important;
}
#always_wrap .future-money-area .fm-area .fm-faq .fm-anser p ruby {
  font-size: 2.2rem !important;
  font-weight: 500;
}
#always_wrap .future-money-area .fm-area div.fm-dtl {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background: url("../img/sdgs/bg1.png") repeat-x;
  background-position: top 0px right 0;
  background-size: 50px;
  padding: 7rem 0 3rem  0;
}
#always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap {
  width: 70%;
  margin: auto;
}
#always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap .fm-ttl {
  padding: 0 !important;
  margin: 0;
}
#always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap h3 {
  font-size: 4.2rem !important;
  font-weight: 700;
  color: #1f51a2;
}
#always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap h3 ruby {
  font-size: 4.2rem !important;
  font-weight: 700;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx {
  position: relative;
  box-sizing: border-box;
  width: 65%;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f {
  padding: 3rem 3rem 1rem 3rem;
  background: #FFF;
  border-radius: 1rem;
  margin-bottom: 3rem;
  border: 3px solid #edd3b7;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f picture {
  margin-bottom: 2rem;
  display: block;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f.fm-data-sb {
  padding: 0.5rem 2rem;
  background: #FFF;
  border-radius: 1rem;
  margin-bottom: 3rem;
  border: none;
  text-align: center;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx h5 {
  font-size: 2.8rem !important;
  font-weight: 700;
  color: #de647c;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx h5 ruby {
  font-size: 2.8rem !important;
  font-weight: 700;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx h5.first-bl2-point {
  position: relative;
  box-sizing: border-box;
  color: #F16900;
  display: flex;
  align-items: center;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx h5.first-bl2-point span {
  font-size: 2.8rem !important;
  line-height: 3.2rem;
  font-weight: 700;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx h5.first-bl2-point span.bl2-point-ttl {
  position: relative;
  box-sizing: border-box;
  background: #F16900;
  color: #FFF;
  font-size: 2rem !important;
  line-height: 2.5rem;
  font-weight: 700;
  padding: 1rem 1.4rem;
  margin-right: 1rem;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx p {
  font-size: 2rem;
  font-weight: 500;
}
#always_wrap .future-money-area .fm-area div.fm-dtl-tx p ruby {
  font-size: 2rem;
  font-weight: 500;
}
#always_wrap .future-money-area div.fm-mrt-arema {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt,
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt {
  position: relative;
  box-sizing: border-box;
  background: #FFF;
  padding: 2.5rem 3rem 19rem 3rem;
  border-radius: 1rem;
  margin-right: 3%;
  width: 48.5%;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h5,
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h5 {
  color: #ea617b !important;
  margin-bottom: 0.8rem;
  text-align: center;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h6,
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h6 {
  color: #ea617b !important;
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: 700;
  border: none;
  margin-bottom: 0.3rem;
  padding: 0;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h6:before,
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h6:before {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  content: "●";
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h6 ruby rb,
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h6 ruby rb {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: 700;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt picture.img-bottom,
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt picture.img-bottom {
  position: absolute;
  bottom: 1rem;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt {
  margin-right: 0%;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h5 {
  color: #1f51a2 !important;
}
#always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h6 {
  color: #1f51a2 !important;
}
#always_wrap .future-money-area div.fm-sonae {
  border-radius: 1rem;
  background: #fffde5;
  padding: 2rem 3rem;
  overflow: inherit;
  margin: 6rem auto 3rem auto;
}
#always_wrap .future-money-area div.fm-sonae h4 {
  background: #61b047;
  margin-top: -4rem;
}
#always_wrap .future-money-area div.fm-sonae h4 ruby {
  font-size: 2.1rem;
  line-height: 3rem;
  letter-spacing: 0.02em;
  font-weight: 700;
}
#always_wrap .future-money-area div.fm-sonae h5 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
  color: #61b047;
}
#always_wrap .future-money-area div.fm-sonae h5 ruby {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
}
@-moz-document url-prefix() {
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption {
    padding: 1.5rem 3rem 1.5rem 6rem;
    order: 1;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption ruby rt {
    margin-bottom: -0.7rem !important;
  }
}
@media only screen and (max-width: 767.98px) {
  #always_wrap .future-money-area {
    background: url("../img/sdgs/bg2.png");
    background-size: 26px;
  }
  #always_wrap .future-money-area .fm-area {
    overflow: hidden;
  }
  #always_wrap .future-money-area .fm-area .fm-faq {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background: #6ac1ee;
    padding: 2vw 0 2vw 0;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-ttl {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 3vw auto;
    background: url("../img/sdgs/ttl_line.png") repeat-x;
    background-position: bottom 1vw right 0;
    background-size: 2vw;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-ttl picture {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 86% !important;
    margin: auto;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-ttl picture img {
    width: 100%;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question {
    position: relative;
    box-sizing: border-box;
    width: 90% !important;
    margin: auto;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question picture {
    position: relative;
    box-sizing: border-box;
    display: block;
    order: 2;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption {
    border-radius: 4vw;
    padding: 4vw 3vw 3vw 3vw;
    margin: auto;
    font-size: 4.3vw !important;
    line-height: 5.4vw !important;
    order: 1;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption ruby {
    font-size: 4.3vw !important;
  }
  #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption:before {
    left: 4%;
    top: calc(50% - 2.7vw);
    margin: auto;
  }
  #always_wrap .future-money-area .fm-area .fm-faq .fm-anser {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 88% !important;
    margin: auto;
  }
  #always_wrap .future-money-area .fm-area .fm-faq .fm-anser h3 {
    font-size: 2rem !important;
    line-height: 2.6rem !important;
    font-weight: 700;
    color: #fff200;
    text-align: left;
    margin: 0 auto 2vw auto;
  }
  #always_wrap .future-money-area .fm-area .fm-faq .fm-anser h3 ruby {
    font-size: 2rem !important;
    line-height: 2.6rem !important;
    font-weight: 700;
  }
  #always_wrap .future-money-area .fm-area .fm-faq .fm-anser p {
    font-size: 1.7rem !important;
    font-weight: 500 !important;
  }
  #always_wrap .future-money-area .fm-area .fm-faq .fm-anser p ruby {
    font-size: 1.7rem !important;
    font-weight: 500;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background: url("../img/sdgs/bg1.png") repeat-x;
    background-position: top 0px right 0;
    background-size: 9vw;
    padding: 10vw 0 0;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap {
    width: 88% !important;
    margin: auto;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap h3 {
    font-size: 2.2rem !important;
    line-height: 2.4rem !important;
    font-weight: 700;
    color: #1f51a2;
    margin: 0 auto 4vw auto;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl div.fm-dtl-wrap h3 ruby {
    font-size: 2.2rem !important;
    line-height: 2.4rem !important;
    font-weight: 700;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx {
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f {
    padding: 4vw 5vw 2vw 5vw;
    background: #FFF;
    border-radius: 2vw;
    margin-bottom: 5vw;
    border: 3px solid #edd3b7;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f .cnt-box-l {
    margin-bottom: 2vw;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f:last-child {
    margin-bottom: 0;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx h5 {
    font-size: 1.8rem !important;
    line-height: 2.4rem;
    font-weight: 700;
    color: #de647c;
    margin-bottom: 1vw !important;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx h5 ruby {
    font-size: 1.8rem !important;
    line-height: 2.4rem;
    font-weight: 700;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx h5.first-bl2-point span {
    font-size: 1.8rem !important;
    line-height: 2.4rem;
    font-weight: 700;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx h5.first-bl2-point span.bl2-point-ttl {
    font-size: 1.6rem !important;
    line-height: 1.6rem;
    font-weight: 700;
    padding: 1rem 1.4rem 0.8rem 1.4rem;
    margin-right: 1rem;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx p {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 auto 3vw auto !important;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx p ruby {
    font-size: 1.5rem;
    font-weight: 500;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f.fm-data-sb {
    padding: 2vw 5vw;
    background: #FFF;
    border-radius: 2vw;
    margin-bottom: 2vw;
    border: none;
    text-align: left;
  }
  #always_wrap .future-money-area .fm-area div.fm-dtl-tx div.cnt-box-f.fm-data-sb p {
    margin-bottom: 0 !important;
  }
  #always_wrap .future-money-area div.fm-mrt-arema {
    margin-bottom: 4vw;
    display: block;
  }
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt,
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt {
    padding: 5vw 5vw 5vw 5vw;
    width: 100%;
  }
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h5,
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h5 {
    line-height: 2.8rem;
  }
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h6,
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h6 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt h6 ruby rb,
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt h6 ruby rb {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-mrt picture.img-bottom,
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt picture.img-bottom {
    position: relative;
    bottom: inherit;
  }
  #always_wrap .future-money-area div.fm-mrt-arema div.fm-d-mrt {
    margin-right: 0%;
    margin-top: 5vw;
  }
  #always_wrap .future-money-area div.fm-sonae {
    padding: 4vw 5vw 3vw 5vw;
    margin: 10vw auto 5vw auto;
  }
  #always_wrap .future-money-area div.fm-sonae h4 {
    margin-top: -5vw;
    font-size: 1.9rem;
    line-height: 2.6rem;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  #always_wrap .future-money-area div.fm-sonae h4 ruby {
    font-size: 1.9rem;
    line-height: 2.6rem;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  #always_wrap .future-money-area div.fm-sonae h5 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
    color: #61b047;
  }
  #always_wrap .future-money-area div.fm-sonae h5 ruby {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 700;
  }
  @-moz-document url-prefix() {
    #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question picture {
      order: 2;
    }
    #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption {
      padding: 3vw 3vw 3vw 3vw;
      order: 1;
    }
    #always_wrap .future-money-area .fm-area .fm-faq figure.fm-question figcaption ruby rt {
      margin-bottom: -0.4rem !important;
    }
  }
}