/*
$4ewsColor: 
    /*col01: #238561,
  col02: #67a2b7,
  col03: #d2843e,
  col04: #cf775b,
  col05: #cf9942,
  col06: #926c28,
  col07: #cc7175,
  col08: #608ea1,
  col09: #5b609a,
  col10: #487390,
  col11: #4e9386,
  col12: #79a153,
  col13: #817499
);
*/
/**/
main section {
  position: relative;
  width: 100%;
}
section .read_ttl {
  position: relative;
  color: #333333;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  section .read_ttl {
    text-align: center;
    line-height: 1.5em;
    font-size: 2.2rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  section .read_ttl {
    line-height: 1.5em;
    font-size: 4rem;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 769px) {
  #read_sec {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 768px) {
  #read_sec {
    padding-bottom: 8rem;
  }
}

#transition_sec {
  background: #f7f7f7;
}
@media screen and (min-width: 769px) {
  #transition_sec {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 768px) {
  #transition_sec {
    padding-bottom: 8rem;
  }
}

@media screen and (min-width: 769px) {
  #transition_sec .general_txt {
    text-align: center;
  }
}

#transition_sec .btn_btm .btn_ttl {
  position: relative;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  #transition_sec .btn_btm .btn_ttl {
    text-align: center;
    line-height: 1.75em;
    font-size: 2rem;
    letter-spacing: 0.05em;
    padding-bottom: 3rem;
  }
}
@media screen and (max-width: 768px) {
  #transition_sec .btn_btm .btn_ttl {
    text-align: left;
    line-height: 1.889em;
    font-size: 3.6rem;
    letter-spacing: 0.05em;
    padding-bottom: 4rem;
  }
}

.zoom_cap {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .zoom_cap {
    justify-content: flex-end;
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .zoom_cap {
    justify-content: flex-start;
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}

.zoom_cap p {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .zoom_cap p {
    line-height: 2.143em;
    font-size: 1.4rem;
    letter-spacing: 0.05;
    padding-left: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .zoom_cap p {
    line-height: 2.143em;
    font-size: 2.8rem;
    letter-spacing: 0.05;
    padding-left: 8rem;
  }
}

.zoom_cap p::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: ease-out 0.2s all;
  background: url("../../../common/img/icon_zoom.svg") center center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 769px) {
  .zoom_cap p::before {
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .zoom_cap p::before {
    width: 6rem;
    height: 6rem;
  }
}

@media screen and (min-width: 769px) {
  .menu_btn_set a:hover p {
    color: #0068b2;
  }
}

.blue_crm_set {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .blue_crm_set {
    gap: 3rem 2.6%;
  }
}
@media screen and (max-width: 768px) {
  .blue_crm_set {
    gap: 4rem;
  }
}

.blue_crm_set div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  transition: ease-out 0.6s all;
}
@media screen and (min-width: 769px) {
  .blue_crm_set div {
    border: #0068b2 0.1rem solid;
    width: 31.6%;
    max-width: 38rem;
    height: 17rem;
    border-radius: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blue_crm_set div {
    border: #0068b2 0.4rem solid;
    width: 31.5rem;
    min-height: 25rem;
    padding: 2rem;
    border-radius: 0.6rem;
  }
}

.blue_crm_set dl {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .blue_crm_set dl {
    transform: translateY(0.8rem);
  }
}

.blue_crm_set dt {
  position: relative;
}
@media screen and (min-width: 769px) {
  .blue_crm_set dt {
    font-weight: 500;
    line-height: 1.5em;
    font-size: 2rem;
    letter-spacing: 0.05em;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blue_crm_set dt {
    font-weight: 700;
    line-height: 1.25em;
    font-size: 3.2rem;
    letter-spacing: 0.05em;
    padding-bottom: 2.9rem;
  }
}

@media screen and (max-width: 768px) {
  .blue_crm_set dt.sml {
    line-height: 1.539em;
    font-size: 2.6rem;
    padding-bottom: 0.5rem;
  }
}

.blue_crm_set dd p {
  position: relative;
  display: inline-block;
  color: #0068b2;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .blue_crm_set dd p {
    line-height: 1em;
    font-size: 7.2rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .blue_crm_set dd p {
    line-height: 1em;
    font-size: 8rem;
    letter-spacing: 0.05em;
  }
}

.blue_crm_set dd span {
  position: relative;
  display: inline-block;
  color: #0068b2;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .blue_crm_set dd span {
    line-height: 3.131em;
    font-size: 2.3rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .blue_crm_set dd span {
    line-height: 3.334em;
    font-size: 2.4rem;
    letter-spacing: 0.05em;
  }
}

.segment_set {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .segment_set {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0 3.3%;
    padding-top: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_set {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12.4rem;
    padding-top: 8.4rem;
  }
}

.segment_box::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .segment_box::after {
    top: -4.2rem;
    height: 8.4rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_box::after {
    top: -8.4rem;
    height: 16.8rem;
  }
}

#segment1::after {
  background: url("../../img/to_individual_investors/growth_trajectory/segment_icon1.svg") center center no-repeat;
  background-size: contain;
}

#segment2::after {
  background: url("../../img/to_individual_investors/growth_trajectory/segment_icon2.svg") center center no-repeat;
  background-size: contain;
}

#segment3::after {
  background: url("../../img/to_individual_investors/growth_trajectory/segment_icon3.svg") center center no-repeat;
  background-size: contain;
}

#segment4::after {
  background: url("../../img/to_individual_investors/growth_trajectory/segment_icon4.svg") center center no-repeat;
  background-size: contain;
}

.segment_set .segment_box {
  position: relative;
  transition: ease-out 0.6s all;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box {
    width: 22.5%;
    max-width: 27rem;
    border-radius: 0.6rem;
    padding: 6rem 2rem 3rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box {
    width: 54rem;
    margin: 0 auto;
    border-radius: 0.6rem;
    padding: 12rem 4rem 6rem;
  }
}

#segment1 {
  background: #dfe9f6;
}

#segment2 {
  background: #e3f0dd;
}

#segment3 {
  background: #feecd6;
}

#segment4 {
  background: #e7e5f3;
}

#segment1 h4,
#segment1 .segment_gain dd,
#segment1 .graph dd {
  color: #0075c2;
}

#segment1 .segment_gain dt {
  background: #0075c2;
}

#segment2 h4,
#segment2 .segment_gain dd,
#segment2 .graph dd {
  color: #43b149;
}

#segment2 .segment_gain dt {
  background: #43b149;
}

#segment3 h4,
#segment3 .segment_gain dd,
#segment3 .graph dd {
  color: #f3981c;
}

#segment3 .segment_gain dt {
  background: #f3981c;
}

#segment4 h4,
#segment4 .segment_gain dd,
#segment4 .graph dd {
  color: #827fbb;
}

#segment4 .segment_gain dt {
  background: #827fbb;
}

.segment_set .segment_box h4 {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box h4 {
    font-weight: 700;
    line-height: 1.5em;
    font-size: 2rem;
    letter-spacing: 0.05em;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box h4 {
    font-weight: 700;
    line-height: 1.5em;
    font-size: 4rem;
    letter-spacing: 0.05em;
    padding-bottom: 4rem;
  }
}

.segment_set .segment_box h4 span {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box h4 span {
    line-height: 1.5em;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box h4 span {
    line-height: 1.5em;
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}

.segment_set .segment_box .txt {
  position: relative;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box .txt {
    line-height: 1.5em;
    font-size: 1.4rem;
    letter-spacing: 0.05;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box .txt {
    line-height: 1.5em;
    font-size: 2.8rem;
    letter-spacing: 0.05;
  }
}

.segment_gain {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .segment_gain {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_gain {
    padding-top: 4rem;
  }
}

.segment_gain dl {
  position: relative;
}
@media screen and (min-width: 769px) {
  .segment_gain dl {
    width: 48%;
    max-width: 11rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_gain dl {
    width: 22rem;
  }
}

.segment_gain dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  width: 100%;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .segment_gain dt {
    line-height: 1.667em;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    border-radius: 1rem;
    height: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_gain dt {
    line-height: 1.667em;
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    border-radius: 2rem;
    height: 4rem;
  }
}

.segment_gain dd {
  position: relative;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}
.segment_gain dd p {
  position: relative;
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .segment_gain dd p {
    line-height: 1.5em;
    font-size: 2.8rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .segment_gain dd p {
    line-height: 1.5em;
    font-size: 5.6rem;
    letter-spacing: 0.05em;
  }
}

.segment_gain dd span {
  position: relative;
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .segment_gain dd span {
    line-height: 1.5em;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .segment_gain dd span {
    line-height: 1.5em;
    font-size: 2.8rem;
    letter-spacing: 0.05em;
  }
}

.segment_set .segment_box .graph {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box .graph {
    width: 14rem;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box .graph {
    width: 28rem;
    margin-top: 4rem;
  }
}

.blue_crm_set dl {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .blue_crm_set dl {
    transform: translateY(0.8rem);
  }
}

.segment_set .segment_box .graph div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.segment_set .segment_box .graph dl dt {
  position: relative;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box .graph dl dt {
    line-height: 1.667em;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box .graph dl dt {
    line-height: 1.667em;
    font-size: 2.4rem;
    letter-spacing: 0.05em;
  }
}

.segment_set .segment_box .graph dl dd {
  position: relative;
  text-align: center;
}
.segment_set .segment_box .graph dl dd p {
  position: relative;
  display: inline-block;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box .graph dl dd p {
    line-height: 1em;
    font-size: 3rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box .graph dl dd p {
    line-height: 1em;
    font-size: 6rem;
    letter-spacing: 0.05em;
  }
}

.segment_set .segment_box .graph dl dd span {
  position: relative;
  display: inline-block;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .segment_set .segment_box .graph dl dd span {
    line-height: 2.5em;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 768px) {
  .segment_set .segment_box .graph dl dd span {
    line-height: 2.5em;
    font-size: 2.4rem;
    letter-spacing: 0.05em;
  }
}

.segment_cap {
  position: relative;
  display: block;
  text-align: right;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .segment_cap {
    line-height: 1.5em;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .segment_cap {
    width: 54rem;
    margin: 0 auto;
    line-height: 1.5em;
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    margin-top: 2rem;
  }
}