.sp {
  display: block;
}

.pc {
  display: none;
}

@media screen and (min-width: 767px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}

#pageNav .lead {
  color: #1ca7ce;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

@media screen and (min-width: 767px) {
  #pageNav .lead {
    margin-bottom: 4rem;
    font-size: 1.3rem;
  }
}

.h_re_future .online_feature #about .inner.online_feature_fbox {
  margin-bottom: 2rem;
}

.h_re_future .online_feature #about .inner.online_feature_fbox .aboutList li strong {
  display: block;
  padding-top: 0.2rem;
}

.h_re_future .online_feature #option .inner .sectionHeading .lead {
  font-size: 1.1rem;
}

.h_re_future .online_feature #option .inner .feature_box {
  border: none;
  border-radius: 10px;
  box-shadow: 1px 1px 5px #CCC;
  padding: 2rem 1.5rem;
}

.h_re_future .online_feature #option .inner .feature_box h3 {
  border-bottom: none;
  margin-bottom: 0.5rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_box .flex_img {
  width: 100%;
  margin-bottom: 1rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_box .container p {
  margin-bottom: 1rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_box .container a {
  display: block;
  background-color: #f94d2e;
  border-radius: 50px;
  padding: 1rem;
  color: #FFF;
  text-align: center;
  font-weight: 700;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list {
  margin-top: 2rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list h4 {
  color: #172a4c;
  text-align: center;
  font-weight: 700;
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #172a4c;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl {
  text-align: left;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dt {
  color: #172a4c;
  font-weight: 700;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dt span {
  display: block;
  color: #03b0dc;
  font-size: 0.8rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dd {
  color: #172a4c;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dd a {
  margin-top: 0.5rem;
  display: block;
  color: #FFF;
  background-color: #03b0dc;
  border-radius: 20px;
  text-align: center;
  padding: 0.5rem;
  margin-bottom: 1rem;
}

.h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl:nth-child(1), .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl:nth-child(2) {
  border-bottom: 1px dotted #172a4c;
  margin-bottom: 1rem;
}

.h_re_future .online_feature #option .inner .feature_stuff div dl dd {
  font-size: 1rem;
}

.h_re_future .online_feature #flow {
  margin-bottom: 2rem;
}

@media screen and (min-width: 767px) {
  .h_re_future .online_feature #about .inner.online_feature_fbox {
    margin-bottom: 3rem;
  }
  .h_re_future .online_feature #about .inner.online_feature_fbox .aboutList li strong {
    display: block;
    padding-top: 0.5rem;
    font-size: 1rem;
  }
  .h_re_future .online_feature #option .inner .feature_box {
    box-shadow: 1px 1px 7px #CCC;
    padding: 3rem 1.5rem;
  }
  .h_re_future .online_feature #option .inner .feature_box h3 {
    margin-bottom: 0.5rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_box {
    display: flex;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_box .flex_img {
    width: 39%;
    margin-bottom: 1rem;
    margin-right: 2%;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_box .container {
    width: 59%;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_box .container p {
    margin-bottom: 1rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_box .container a {
    border-radius: 50px;
    padding: 1rem;
    font-size: 1.2rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list {
    margin-top: 2rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list h4 {
    padding-bottom: 1rem;
    border-bottom: 2px solid #172a4c;
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap {
    display: flex;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl {
    width: 33%;
    text-align: left;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dt {
    font-size: 1.3rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dt span {
    font-size: 0.9rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dd {
    font-size: 1rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl dd a {
    margin-top: 0.5rem;
    border-radius: 50px;
    padding: 0.5rem;
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl:nth-child(1), .h_re_future .online_feature #option .inner .feature_box .flex_list .list_wrap dl:nth-child(2) {
    border-bottom: none;
    margin-bottom: 0;
    border-right: 1px dotted #172a4c;
    padding-right: 2rem;
    margin-right: 2rem;
  }
  .h_re_future .online_feature #flow {
    margin-bottom: 4rem;
  }
  .h_re_future .online_feature #flow .inner .pc {
    max-width: 850px;
    margin: 1rem auto;
  }
}