/* CSS Document */
@media screen and (min-width: 320px) and (max-width: 767px) {
  /****************************************

  content

  *****************************************/
  #group {
    margin: 0 auto 50px auto;
    width: 95%;
  }
  .intro_block {
    margin-bottom: 20px;
    text-align: left;
  }
  .group_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .group_left {
    width: 100%;
  }
  .group_right img {
    width: 100%;
  }
  #btnFacilityCase a img {
    width: 100%;
  }
  #group p img {
    width: 100%;
  }
  #group .btn_box {
    width: auto;
  }
  #support {
    margin: 0 auto 30px auto;
    width: 95%;
    text-align: center;
  }
  #support .title {
    padding: 0;
    font-size: 150%;
  }
  #support p:before, #support p:after {
    display: none;
  }
  #support .support_block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 10px;
    border: 3px solid #E5E5E5;
  }
  #support .support_block .list_box {
    width: 100%;
    padding: 0;
    text-align: left;
    margin-bottom: 15px;
  }
  .list_box ul li {
    font-size: 110%;
    background-image: url(../../common/images/arrow05.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 15px;
    opacity: 1;
  }
  #support .support_block .img_box {
    width: 100%;
    text-align: center;
  }
  .support_block .img_box img {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  #group h3 {
    margin-bottom: 30px;
  }
  .group_block {
    width: 100%;
  }
  .group_block dl {
    display: block !important;
  }
  .group_block dl > div {
    width: 100% !important;
  }
}