@media screen and (max-width:600px){
  /*画面サイズが６００ｐｘ以下の場合に適用*/
  
  body{
    font-size: 3.5vw;
  }

  h1{
    font-size: 7.2vw;
  }
  
  h2{
    font-size: 6vw;
  }
  
  header{
    width: auto;
    height:150px;
    margin: 0 5%;
  }
  
  .logo{
    float: none;
    margin-top: 60;
    text-align: center;
  }
  
  .global-nav{
    float: none;
    margin-top: 40px;
    text-align: center;
  }
  
  .global-nav li{
    display: inline;
    float: none;
    margin: 0 8%;
  }
  
  #wrap{
    margin-top: 180px;
    padding:35px
  }
  
  .content{
    width: 100%;
  }
  
  .main{
    float: none;
    width: auto;
    margin: 0 5;
  }
  
  h2 img{
    max-width: 100%;
  }
  
  #index {
  background-image: url(../image/il_mp/mp_029.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: auto;
}
  
  #portfolio{
    background-image: url(../image/bg-portfolio-sp.jpg);
  }
  
  .sidebar{
    width: auto;
    float: none;
    margin: 0;
    padding:30px 10% 10px;
    background-color: #f7f6f4;
  }
  
  
}