.clearfix:after {
  content: "."; /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
.s5-getStarted {
  display: none;
}

* {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

#beginner .smart_display {
  display: none;
}

#beginner #main {
  max-width: 1200px;
}

#beginner #main img {
  width: 100%;
}

#beginner #content .content_box .talk dl {
  margin: 30px 5%;
}

#beginner #content .content_box .talk dl dt {
  background-image: url("../images/people_A01.png");
  color: #5286a5;
}

#beginner #content .content_box .talk dl dd {
  background-image: url("../images/people_B01.png");
  color: #9f677f;
}

#beginner #content .content_box .talk dl dt,
#beginner #content .content_box .talk dl dd {
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 120px;
  font-size: 28px;
  min-height: 106px;
  margin: 20px 0;
  display: flex;
  align-items: center;
}

#beginner #content .content_box .description {
  background-color: #f5f1e7;
  padding: 5%;
}

#beginner #content .content_box .description h3 {
  font-size: 26px;
  color: #9f677f;
  margin-bottom: 12px;
  font-weight: 100;
}

#beginner #content .content_box .description ul li {
  width: 45%;
  float: left;
  margin-bottom: 30px;
}

#beginner #content .content_box .description ul li.odd {
  margin-right: 5%;
}

#beginner #content .content_box .description ul li h3.icon01 {
  background-image: url("../images/icon01.png");
}

#beginner #content .content_box .description ul li h3.icon02 {
  background-image: url("../images/icon02.png");
}

#beginner #content .content_box .description ul li h3.icon03 {
  background-image: url("../images/icon03.png");
}

#beginner #content .content_box .description ul li h3.icon04 {
  background-image: url("../images/icon04.png");
}

#beginner #content .content_box .description ul li h3 {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 24px;
  padding-left: 60px;
}

#beginner #content .content_box .description .figure_box1 {
  /* border-bottom: 1px dotted #666; */
  padding-bottom: 20px;
}

#beginner #content .content_box .description .left_box {
  float: left;
  width: 44%;
}

#beginner #content .content_box .description .right_box {
  float: right;
  width: 44%;
}

#beginner #content .content_box .description .left_box img,
#beginner #content .content_box .description .right_box img {
  max-width: 100%;
}

#beginner #content #content02.content_box .description h4 {
  background-color: #dddddd;
  padding: 6px 12px;
  margin-top: 20px;
  font-weight: 100;
  font-size: 15px;
  max-width: 436px;
}

#beginner #content .content_box .asterisk {
  font-size: 12px;
  line-height: 1;
}

#beginner #content #bnr_area {
  background-image: url("../images/product_bnr_bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 212px;
  margin: 30px auto;
  width: 640px;
  position: relative;
}

#beginner #content #bnr_area img {
  position: absolute;
  right: 32px;
  bottom: 60px;
}

#beginner #content #bnr_area a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 860px) {
  #beginner #content .content_box .talk dl dt,
  #beginner #content .content_box .talk dl dd {
    font-size: 20px;
  }

  #beginner #content .content_box .description h3 {
    font-size: 18px;
    line-height: 36px;
  }

  #beginner #content .content_box .description ul li h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  #beginner {
    line-height: 1.5;
  }

  #beginner .pc_display {
    display: none;
  }

  #beginner .smart_display {
    display: block;
  }

  #beginner #content .content_box .talk dl {
    margin: 30px 0;
  }

  #beginner #content .content_box .talk dl dt,
  #beginner #content .content_box .talk dl dd {
    background-size: 50px;
    padding-left: 64px;
    font-size: 16px;
    min-height: 50px;
  }

  #beginner #content .content_box .description ul li {
    width: auto;
    float: none;
  }

  #beginner #content .content_box .description h3 {
    font-size: 16px;
    line-height: 1.5;
  }

  #beginner #content .content_box .description ul li h3 {
    background-size: 30px;
    font-size: 16px;
    padding-left: 36px;
  }

  #beginner #content .content_box .description .figure_box1 {
    padding-bottom: 0;
  }

  #beginner #content .content_box .description .left_box,
  #beginner #content .content_box .description .right_box {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }

  #beginner #content .content_box .description .left_box img,
  #beginner #content .content_box .description .right_box img {
    width: 100%;
  }

  #beginner #content #content02.content_box .description h4 {
    max-width: 100%;
  }

  #beginner #content #bnr_area {
    height: 134px;
    width: 400px;
    background-size: contain;
  }

  #beginner #content #bnr_area img {
    bottom: 45px;
    right: 21px;
    width: 272px;
  }
}

@media screen and (max-width: 640px) {
  #beginner #content #bnr_area {
    height: 94px;
    width: 280px;
  }

  #beginner #content #bnr_area img {
    width: 190px;
    right: 14px;
    bottom: 30px;
  }
}