@import url("common.css");
@media print, screen and (min-width: 768px) {
  body {
    position: relative;
    z-index: 1; }

  .sp {
    display: none !important; }

  /* CSS Document */
  #footer {
    margin-top: 111px; }

  .content {
    overflow: hidden; }

  #content {
    margin: 0 auto;
    max-width: 950px;
    text-align: left; }

  #content h2 {
    margin: 0 auto 25px;
    padding: 15px 0 10px;
    border-bottom: 2px solid #ff6339;
    font-size: 2rem;
    color: #444;
    font-weight: 300; } }
  @media screen and (min-width: 768px) and (max-width: 949px) {
    #content h2 {
      padding-left: 10px;
      padding-right: 10px; } }

@media screen and (max-width: 767px) {
  body {
    position: relative;
    z-index: 2; }

  .pc {
    display: none !important; }

  /* CSS Document */
  #footer {
    margin-top: 50px; }

  .content {
    overflow: hidden; }

  #content {
    margin: 0 auto;
    max-width: 950px;
    text-align: left; } }
  @media screen and (max-width: 767px) and (min-width: 641px) {
    #content {
      width: 90%;
      margin: 0 auto; } }

@media screen and (max-width: 767px) {
  #content h2 {
    margin: 0 auto 25px;
    padding: 15px 5% 10px;
    border-bottom: 2px solid #ff6339;
    font-size: 1.7rem;
    color: #444;
    font-weight: 300; } }
  @media screen and (max-width: 767px) and (min-width: 641px) {
    #content h2 {
      font-size: 2.06rem;
      margin: 0 auto 25px;
      padding: 15px 0 10px; } }