@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#top_m {
  margin: 5em auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  #top_m #inner {
    width: 66%; }
    #top_m #inner h1 {
      font-size: 250%;
      font-weight: bold;
      color: #2e3192;
      margin: 0 0 0.5em; }
      #top_m #inner h1 img {
        width: 67px;
        margin: 0 8px 0 0;
        vertical-align: middle; }
    #top_m #inner p {
      line-height: 2; }
  #top_m figure {
    width: 30%; }

#company, #history, #access_map {
  margin: 5em auto 0; }
  #company h2, #history h2, #access_map h2 {
    font-size: 250%;
    font-weight: bold;
    color: #2e3192;
    margin: 0 0 0.5em;
    letter-spacing: 0.5em;
    text-align: center; }
    #company h2 img, #history h2 img, #access_map h2 img {
      width: 67px;
      margin: 0 8px 0 0;
      vertical-align: middle; }
  #company table, #history table, #access_map table {
    width: 100%; }
    #company table tr, #history table tr, #access_map table tr {
      border-bottom: 1px dotted #ccc; }
      #company table tr:nth-child(odd), #history table tr:nth-child(odd), #access_map table tr:nth-child(odd) {
        background-color: rgba(87, 155, 202, 0.1); }
      #company table tr th, #history table tr th, #access_map table tr th {
        width: 20%;
        padding: 1em 2%;
        text-align: left;
        font-weight: normal;
        vertical-align: top; }
      #company table tr td, #history table tr td, #access_map table tr td {
        width: 72%;
        padding: 1em 2%; }
        #company table tr td a, #history table tr td a, #access_map table tr td a {
          color: #000;
          text-decoration: none; }
          #company table tr td a:hover, #company table tr td aactive, #history table tr td a:hover, #history table tr td aactive, #access_map table tr td a:hover, #access_map table tr td aactive {
            color: #000;
            text-decoration: underline; }
        #company table tr td .blue, #history table tr td .blue, #access_map table tr td .blue {
          color: #0088d2;
          margin: 0.5em 0 0; }

#access_map .ggmap {
  position: relative;
  padding-bottom: 36.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  #access_map .ggmap iframe, #access_map .ggmap object, #access_map .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#access_map p {
  margin: 1em 0 0 2%; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  #top_m, #company, #history, #access_map {
    width: 1000px; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  #top_m, #company, #history, #access_map {
    width: 90%; }

  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #top_m {
    margin: 2.5em auto 0;
    flex-direction: column-reverse; }
    #top_m #inner {
      width: 100%; }
      #top_m #inner h1 {
        font-size: 180%;
        text-align: center;
        margin: 0 0 0.5em;
        letter-spacing: 0.5em; }
      #top_m #inner p {
        line-height: 1.5; }
    #top_m figure {
      width: 50%;
      margin: 0 auto 1em; }

  #company, #history, #access_map {
    margin: 2.5em auto 0; }
    #company h2, #history h2, #access_map h2 {
      font-size: 180%; }
    #company table, #history table, #access_map table {
      width: 100%; }
      #company table tr, #history table tr, #access_map table tr {
        border-bottom: 1px dotted #ccc; }
        #company table tr:nth-child(odd), #history table tr:nth-child(odd), #access_map table tr:nth-child(odd) {
          background-color: rgba(87, 155, 202, 0.1); }
        #company table tr th, #history table tr th, #access_map table tr th {
          display: block;
          width: 96%;
          padding: 1em 2% 0 2%;
          font-weight: bold; }
        #company table tr td, #history table tr td, #access_map table tr td {
          display: block;
          width: 96%;
          padding: 0 2% 1em 2%; }

  #access_map .ggmap {
    padding-bottom: 56.25%; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }