@media screen and (max-width:600px) {

  /*ナビ周辺---------------------*/
  .black {
    display: none;
  }

  .mobile_logo {
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mobile_logo img {
    margin-right: -20px;
    width: 130px;
  }

  .main_nav {
    display: none;
  }

  .mobile_nav {
    display: block;
  }

  .menu_list li {
    width: 100%;
    height: 30px;
    font-size: 14px;
    text-align: center;
    padding: 10 0;
    background: black;
  }

  .menu_list li a {
    color: white;
  }

  .menu_list {
    display: none;
  }

  .menu_btn {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    background: black;
  }

  .menu_btn a {
    display: block;
    line-height: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }

  .menu_list a,
  .menu_btn a {
    font-weight: bold;
  }

  .menu_list li i,
  .menu_btn i {
    margin-right: 10px;
  }

  .main_visual p {
    top: 0;
  }

  /*ニュース---------------------*/
  .news {
    max-width: 90%;
  }

  .news_box {
    display: block;
  }

  .news_date,
  .news_category,
  .news_text {
    display: block;
  }

  /*タイル---------------------*/
  .tile_content_wrap {
    max-width: 100%;
  }

  .tile_container {
    display: block;
  }

  .tile {
    width: 100%;
  }

  /*フッター---------------------*/
  footer {
    display: none;
  }

  /*サブナビ---------------------*/
  .left_column {
    display: none;
  }

  .right_column {
    width: 100%;
  }

  /*ワークスパネル---------------------*/
  .works_panel li {
    flex-basis: 47%;
    height: 150px;
    border: 1px solid white;
  }

  /*ワークスパネル（index）---------------------*/
  .works_panel_index > .works_panel li {
    flex-basis: 47%;
    height: 150px;
  }

  /*ワークスボックス）---------------------*/
  .works_box {
    flex-basis: 100%;
  }

  /*社長プロフィール---------------------*/
  .horinouchi {
    display: block;
  }

  .horinouchi_img {
    width: 100%;
    height: 400px;
    margin-bottom: 40px;
  }

  .horinouchi_profile {
    margin-left: 0;
    width: 100%;
  }

  .sub_visual {
    height: 250px;
    padding-top: 0px;
  }

  .sub_visual h2 {
    text-align: center;
    line-height: 200px;
  }
}