#point01 {
  padding-top: 5px; }

#mainVisual #pankuzu {
  /*
  color: #fff;
  a { color: #fff; }
  */ }
#mainVisual .note {
  /*color: #fff;*/
  left: 10px; }

#point01 .sectionCopy {
  margin-bottom: 3rem; }
#point01 .best_childcare .ofh {
  overflow: hidden; }
#point01 .best_childcare .img {
  float: left;
  width: 47.8%;
  max-width: 478px; }
  #point01 .best_childcare .img img {
    width: 100%;
    height: auto; }
#point01 .best_childcare .txtArea {
  float: right;
  width: 46%;
  position: relative; }
  #point01 .best_childcare .txtArea .illust {
    position: absolute;
    bottom: 15%;
    right: 0;
    width: 22%; }
    #point01 .best_childcare .txtArea .illust img {
      width: 100%;
      height: auto; }
  #point01 .best_childcare .txtArea .lead {
    text-align: left;
    margin-bottom: 1rem;
    margin-top: -3px; }
  #point01 .best_childcare .txtArea h5, #point01 .best_childcare .txtArea ul {
    font-family: ten-mincho-text, serif; }
  #point01 .best_childcare .txtArea h5 {
    font-size: 1rem;
    color: #286f9b;
    border: 1px solid #286f9b;
    border-width: 1px 0;
    padding: 0.5rem 0;
    margin-bottom: 1rem; }
  #point01 .best_childcare .txtArea li {
    font-size: 0.8rem;
    overflow: hidden;
    margin-bottom: 5px; }
    #point01 .best_childcare .txtArea li p {
      overflow: hidden; }
    #point01 .best_childcare .txtArea li .num {
      display: inline-block;
      float: left;
      text-align: center;
      width: 20px;
      height: 17px;
      line-height: 1;
      background: #286f9b;
      color: #fff;
      border-radius: 20px;
      padding-top: 3px;
      margin-right: 5px; }
#point01 .best_childcare div.note {
  margin-top: 1rem; }
@media screen and (max-width: 768px) {
  #point01 .best_childcare .img {
    float: none;
    width: 100%;
    margin: auto; }
  #point01 .best_childcare .txtArea {
    float: none;
    width: 100%;
    margin-top: 1rem; }
    #point01 .best_childcare .txtArea .illust {
      position: static;
      float: right;
      width: 30%;
      max-width: 100px;
      margin-left: 20px;
      margin-bottom: 20px; }
    #point01 .best_childcare .txtArea .lead::after {
      content: "";
      clear: both;
      display: block; } }

#point02 .sectionCopy.sp {
  display: none; }
#point02 .ofh {
  overflow: hidden; }
  #point02 .ofh .img {
    float: left;
    width: 46%;
    margin-top: 3rem; }
    #point02 .ofh .img img {
      width: 100%;
      height: auto; }
  #point02 .ofh .txtArea {
    float: right;
    width: 46%; }
    #point02 .ofh .txtArea .sectionCopy,
    #point02 .ofh .txtArea .lead {
      text-align: left; }
    #point02 .ofh .txtArea .lead sup {
      display: inline-block;
      margin-left: -0.6rem; }
@media screen and (max-width: 768px) {
  #point02 .sectionCopy.sp {
    display: block; }
  #point02 .sectionCopy.pc {
    display: none; }
  #point02 .ofh .img {
    float: none;
    width: 100%; }
  #point02 .ofh .txtArea {
    float: none;
    width: 100%; } }

#point03 .sectionCopy.sp {
  display: none; }
#point03 .sougei {
  overflow: hidden; }
  #point03 .sougei .img {
    float: left;
    width: 46%;
    margin-top: 3rem; }
    #point03 .sougei .img img {
      width: 100%;
      height: auto; }
  #point03 .sougei .txtArea {
    float: right;
    width: 46%; }
    #point03 .sougei .txtArea .sectionCopy,
    #point03 .sougei .txtArea .lead {
      text-align: left; }
    #point03 .sougei .txtArea .lead {
      margin-bottom: 1rem; }
      #point03 .sougei .txtArea .lead sup {
        display: inline-block;
        margin-left: -0.6rem; }
#point03 .support {
  overflow: hidden; }
  #point03 .support .sectionCopy,
  #point03 .support .lead {
    text-align: left; }
  #point03 .support .ofh {
    overflow: hidden; }
    #point03 .support .ofh .illust {
      float: right;
      width: 30%;
      margin: 20px 0 20px 20px; }
      #point03 .support .ofh .illust img {
        width: 100%;
        height: auto; }
    #point03 .support .ofh .lead {
      margin-bottom: 1rem; }
  #point03 .support .left {
    float: left;
    width: 46%; }
  #point03 .support .right {
    float: right;
    width: 46%; }
@media screen and (max-width: 768px) {
  #point03 .sectionCopy.sp {
    display: block; }
  #point03 .sectionCopy.pc {
    display: none; }
  #point03 .sougei .img {
    float: none;
    width: 100%; }
  #point03 .sougei .txtArea {
    float: none;
    width: 100%; }
  #point03 .support .left {
    float: none;
    width: 100%; }
  #point03 .support .right {
    float: none;
    width: 100%; } }
