@charset "UTF-8";

/* =========================================================
   1col layout
========================================================= */
:root {
  --site-width: 1080px;
}

#pageHeader {
  padding: 7px 20px;
}

#pageHeader::after {
  content: "";
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  height: 3px;
  background: linear-gradient(to bottom, var(--mono-color-18) 0%, var(--mono-color-9) 100%);
}

@media screen and (min-width: 960px) {
  #main {
    margin-bottom: 140px;
  }

  #accessibilityTool .pieceBody,
  .criteriaBox,
  #globalNavi .pieceBody {
    position: absolute;
    top: 79px;
    right: 0;
    z-index: 1;
  }
}

@media screen and (max-width: 959px) {
  #main {
    margin-bottom: 70px;
  }

  #content {
    padding: 0 15px;
  }

  #pageTitle {
    margin: 0 -15px 35px;
  }
}