@charset "utf-8";

/* ======================================================
 * local.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Layout
 * - Parts
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Common
 * - Layout
 * - Parts
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Layout
  ------------------------------------------------------ */
  .container[data-wide="true"] {
    max-width: 100%;
    padding: 0;
  }
  
  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- local style ----- */
  .quality-layout-v2 .box01 {
    height: 250px;
    padding: 50px 0 0;
    text-align: center;
    background: #F7F5F5;
  }
  .quality-layout-v2 .box01 .box01_txt01 {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
  }
  .quality-layout-v2 .box01 .box01_txt02 {
    font-size: 18px;
  }
  .quality-layout-v2 .box02 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    border: 2px solid #D30303;
    vertical-align: middle;
  }
  .quality-layout-v2 .box02 p {
    line-height: 1.8;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
  
}

/* ======================================================
 * PC Media Queries
====================================================== */


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  
  /* ------------------------------------------------------
   * Layout
  ------------------------------------------------------ */
  .container[data-wide="true"] {
    padding-bottom: 0;
  }
  
  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  /* ----- local style ----- */
  .quality-layout-v2 .box01 {
    height: 180px;
    padding: 30px 0 0;
    text-align: center;
    background: #F7F5F5;
  }
  .quality-layout-v2 .box01 .box01_txt01 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
  }
  .quality-layout-v2 .box01 .box01_txt02 {
    font-size: 14px;
  }
  .quality-layout-v2 .box02 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    border: 2px solid #D30303;
    vertical-align: middle;
  }
  .quality-layout-v2 .box02 p {
    line-height: 1.8;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  
}


/* ======================================================
 * SP Media Queries
====================================================== */


/* ======================================================
 * Print
====================================================== */