@charset "utf-8";

/* 共通設定（中央寄せのため追加） */
.logo {
  margin: 0 auto;
  text-align: center;
  display: block;
}

/* パソコン ------------------------------------------------------------ */
@media all and (min-width: 1300px) {
  #contener,
  .inner {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .logo {
    width: 1300px;
  }
  #contener {
    padding-bottom: 2px;
  }
  #footercontener {
    text-align: left;
    width: 1020px;
  }
  .im {
    width: 300px;
    margin-left: auto;
    margin-right: 0;
    display: block;
  }
  .mobile {
    display: none;
  }
  .pc {
    display: block;
  }
}

/* iPad 横 ------------------------------------------------------------ */
@media all and (max-width: 1299px) {
  .cell {
    width: 100%;
  }
  .logo {
    width: 95%;
  }
  #jumbotron1 {
    height: 200px;
  }
  #footercontener {
    width: 95%;
    text-align: left;
  }
  .im {
    width: 200px;
  }
  .logo h1 {
    font-size: 18pt;
    letter-spacing: 2px;
    text-align: left;
    font-family: "ＭＳ Ｐゴシック";
    font-weight: bold;
  }
  .mobile {
    display: none;
  }
  .pc {
    display: block;
  }
}

/* iPad 縦・スマホ横（768px以下）--------------------------------------- */
@media all and (max-width: 768px) {
  /* 統合元: responsive.css & style.css */
  .cell {
    width: 100%;
  }
  #jumbotron {
    width: 100%;
  }
  #jumbotron1 {
    height: 100px;
    margin-top: -20px;
  }
  .im {
    /* 768px と 700px の im を統合し、より小さい値の120pxを優先 */
    width: 120px;
  }
  .x table,
  .x table tbody,
  .x table tr,
  .x table th,
  .x table td {
    display: block;
  }
  .x1 tr {
    display: block;
    float: left;
  }
  .x1 tr td,
  .x1 tr th {
    border-left: none;
    display: block;
  }
  .x1 thead {
    display: block;
    float: left;
  }
  .x1 tbody {
    display: block;
    float: left;
  }
  .x1 tr td + td {
    border-left: none;
  }
  .mobile {
    display: block;
  }
  .pc {
    display: none;
  }
  h1 {
    font-size: 15pt;
  }
  #htxtm h1 {
    font-size: 20pt !important;
  }
  .viewer {
    height: 300px;
  }
  /* 700px から移動 */
  #main h2 {
    font-size: 16pt;
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: 1px 2px;
  }
  #main h1 {
    font-size: 18pt;
  }
  #main h3 {
    font-size: 13pt;
  }
  #main h4 {
    font-size: 13pt;
  }
  /* 固定下部メニュー */
  .contact-sp {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: #ccc;
    text-align: center;
  }
}

/* スマホ 縦（480px以下）----------------------------------------------- */
@media all and (max-width: 480px) {
  .cell {
    width: 100%;
  }
  .im {
    /* 480px と 700px の im を統合し、より小さい値の 100pxを優先 */
    width: 100px;
  }
  .im1 {
    width: 150px;
  }
  /* 700px から移動 */
  #main p {
    font-size: 12pt;
    letter-spacing: 2px;
    line-height: 170%;
    font-family: メイリオ;
    text-align: left;
    margin: 10px 2% 10px 2%;
    padding: 0;
    color: #000000;
  }

  #main h2 {
    font-size: 15pt;
    margin-top: 30px;
    margin-bottom: 30px;
    background-position: 1px 2px;
  }

}