@charset "UTF-8";

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

#pageHeader {
  padding: 12px 14px 0;
}

@media screen and (min-width: 960px) {
  #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%);
  }

  #main {
    margin-bottom: 140px;
  }

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

@media screen and (min-width: 960px) and (max-width: 1200px) {
  #content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

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

  #content {
    padding: 0 15px;
  }

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