@charset "utf-8";

/*==================================================================
  PC用スタイル ↓
===================================================================*/

@media (min-width: 769px) {

  /*====================================================================
    page__ttl
  =====================================================================*/
  .page__ttl{
    width: 100%;
    height: 130px;
    padding-top: 52px;
    background-color: #898989;
    /*background: url(../images/pages/company/ttl_bg.jpg) center center #000 no-repeat;*/
  }
  .page__ttl span{
    display: block;
    width: 1090px;
    height: 0;
    margin: 0 auto;
    padding-top: 32px;
    overflow: hidden;
    background: url(../images/pages/access/access_ttl.png) left center no-repeat;
  }


  /*====================================================================
    access
  =====================================================================*/

  .access{
    width: 1090px;
    margin: 0 auto 130px auto;
  }

  .access__left{
    width: 511px;
    float: left;
  }

  .access__right{
    width: 545px;
    float: right;
  }


  /*-----------------------------------
    table
  -----------------------------------*/

  .access__left table {
    width: 511px;
    min-height: 711px;
    border-collapse: collapse;
    margin-bottom: 60px;

  }

  .access__left table th{
    padding: .8em .5em;
    border-bottom: 1px dotted #282828;
  }

  .access__left table td {
    padding: 20px 35px;
    border-bottom: 1px dotted #282828;
  }

  .access__left table td .blue{
    color: #2660ad;
  }

  .access__left table th {
    width: 117px;
    background: #EEE;
    color: #111;
  }
  .access__left table th span{
    font-size: 1.4rem;
    color: #666;
    line-height: 1.8rem;;
  }


  .access__left table td ul {
    padding-bottom: 1em;
  }

  .access table td li {
    list-style: none;
  }

  .access__left table td a:link,
  .access__left table td a:visited,
  .access__left table td a:active {
    color: #000000;
    text-decoration: none;
  }

  .access__left table td a:hover {
    text-decoration: none;
    text-decoration: underline;
  }

  .access__left table td .en{
    color: #333;
    font-size: 1.4rem;
    margin-top: 10px;
    display:block;
  }


  /*-----------------------------------
    iframe
  -----------------------------------*/
  .access__right iframe{
    margin-bottom: 47px;
  }
}


/*==================================================================
  スマートフォン用スタイル ↓
===================================================================*/

@media (max-width: 768px) {
  /*====================================================================
    page__ttl
  =====================================================================*/
  .page__ttl{
    width: 100%;
    height: 60px;
    padding-top: 21px;
    background-color: #898989;
  }
    .page__ttl span{
      display: block;
      width: 100%;
      height: 0;
      margin: 0 auto;
      padding-top: 18px;
      overflow: hidden;
      background: url(../images/pages/access/access_ttl.png) left 15px center no-repeat;
      background-size: 78px 18px;
    }


  /*====================================================================
    access
  =====================================================================*/

  .access{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
  }

  .access__left{
    width: 100%;
  }

  .access__right{
    width: 100%;
  }


  /*-----------------------------------
    table
  -----------------------------------*/

  .access__left table {
    width: 100%;
    min-height: 711px;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 0.95em

  }

  .access__left table th{
    padding: .8em .5em;
    border-bottom: 1px dotted #282828;
  }

  .access__left table td {
    padding: 15px;
    border-bottom: 1px dotted #282828;
  }

  .access__left table td .blue{
    color: #2660ad;
  }

  .access__left table th {
    width: 104px;
    background: #EEE;
    color: #111;
  }
  .access__left table th span{
    font-size: 1.4rem;
    color: #666;
    line-height: 1.8rem;;
  }


  .access__left table td ul {
    padding-bottom: 1em;
  }

  .access table td li {
    list-style: none;
  }

  .access__left table td a:link,
  .access__left table td a:visited,
  .access__left table td a:active {
    color: #000000;
    text-decoration: none;
  }

  .access__left table td a:hover {
    text-decoration: none;
    text-decoration: underline;
  }

  .access__left table td .en{
    color: #333;
    font-size: 1.4rem;
    margin-top: 10px;
    display:block;
  }

  p img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  
  .gmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .access__right .gmap iframe,
  .access__right .gmap object,
  .access__right .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }



}