/*
brakepoint
*/
/*
read-content
*/
.read-content {
  padding: 100px 0; }
  @media screen and (max-width: 800px) {
    .read-content {
      padding: 0 0 50px; } }
  .read-content::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 523px;
    height: 100%;
    content: "";
    background-image: url("../img/quality_img01.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      .read-content::after {
        display: none; } }
  .read-content p.cap_page {
    max-width: 500px; }
    @media screen and (max-width: 800px) {
      .read-content p.cap_page {
        max-width: inherit; } }

.quality_img01 {
  display: none; }
  @media screen and (max-width: 800px) {
    .quality_img01 {
      display: block;
      width: 100%;
      margin: 0 auto 40px; } }
  @media screen and (max-width: 800px) {
    .quality_img01 img {
      width: 100%; } }

/*
quality01
*/
.quality01::before, .quality01::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  content: ""; }
  @media screen and (max-width: 800px) {
    .quality01::before, .quality01::after {
      width: calc(100% - 40px);
      left: 20px; } }
.quality01::before {
  top: 0px;
  background-color: rgba(0, 0, 0, 0.2); }
.quality01::after {
  top: 1px;
  background-color: #FFFFFF; }

.quality-content {
  padding: 100px 0; }
  @media screen and (max-width: 800px) {
    .quality-content {
      display: block;
      padding: 50px 0; } }
  .quality-content::before, .quality-content::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    content: ""; }
  .quality-content::before {
    top: 0px;
    background-color: rgba(0, 0, 0, 0.2); }
  .quality-content::after {
    top: 1px;
    background-color: #FFFFFF; }
  .quality-content:first-child {
    padding-top: 150px;
    padding-top: 60px; }
    .quality-content:first-child::before, .quality-content:first-child::after {
      display: none; }
  .quality-content:last-child {
    padding-bottom: 0; }
  .quality-content .r-sticky p {
    margin: 0; }
  .quality-content .r-sticky ol {
    margin-top: 30px; }
    .quality-content .r-sticky ol li {
      line-height: 1.8; }
