/* Small phones to small tablets: from 0 to 767px */

@media only screen and (max-width: 767px) {
  body {
    font-size:1.2rem;
  }
  #wrap {width: 100%; min-width:auto;}
  #header {width: 100%;height: 95px;margin:0 auto;}
  #banner {width: 100%;height: 140px; position: relative}
  #contents {width: 100%;}
  #footer {width: 100%;clear:both;}

  .container {width: 100%;}

  .header {overflow: auto;}
  .header h1 {float:none; margin: 28px auto 0;}
  .header h1 img {vertical-align: middle;}
  .header .nav {display:none;}
  .header .nav_icon {display:none;}

  /* banner */
  #banner h2 {font-size:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  #banner h3 {font-size:1.0rem;}
  #banner p {font-size:0.9rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  #banner .banner_icon {display:none;}
  #banner .noticewrap {display:none;}
  #banner p.p_notice {width:100%;}
  #banner p.p_notice a {width:100%;}

  .noticePhone {font-size:1rem;}

  .investor {display:none;}

  .corporate {padding:20px 0 50px;font-size:1.2rem;}
  .corporate .corporate_box li {width: 100%;padding-top:30px;margin-left:20px;font-size:1.2rem;}

  .footer_top {display:none;}

  .footer_bom address {padding:10px;}
  .footer_bom br.mobr {display:block;}
  .footer_bom span.spbar {display:none;}
  .footer_bom address {line-height:150%}

  .comment_master_help {display:none;}
  .comment_master_table_list {display:none;}

  .info_wrap { width:95%; margin:0 auto;}

  .info_wrap img {width:100%;}

  .regularly_service_info {width:100%; min-width:auto; font-size:1.1em; height:auto; padding:1em;}
  .regularly_service_info br {display:block;}

  .responsive-table {width:95%; margin:0 auto;}
  .responsive-table input.txt {width:90%;}
  .contents1 .lbl_agree1 {font-size:1rem;}

  .banner {background-size:cover; background-position:center;}
}