<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ======================================================
 * pause.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Page Component
 * @media only screen and (max-width: 767px)
 * - Page Component
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  .pause-layout {
    position: relative;
  }
  .pause-layout::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .7;
    z-index: 2;
    content: '';
  }
  .pause-layout .pause_img {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -75px;
    transform: rotateZ(30deg);
    z-index: 3;
  }
  .pause-layout.type02 .pause_img {
    top: 35px;
  }
  .pause-layout.type02 .pause_img img {
    width: 70%;
  }
  .pause-layout .pause_img.type02 {
    transform: rotateZ(15deg);
  }
}
/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  .pause-layout {
    position: relative;
  }
  .pause-layout::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .7;
    z-index: 2;
    content: '';
  }
  .pause-layout .pause_img {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    transform: rotateZ(30deg);
    z-index: 3;
  }
  .pause-layout .pause_img.type02 {
    transform: rotateZ(15deg);
  }
}</pre></body></html>