@charset "UTF-8";
/*パソコンで表示する場合のCSS*/
@media (min-width: 768px) {

  #index_2 {
    width: 540px;
    height: 140px;
    margin-top: 20px;
  }
    #midashi{
        margin-bottom: 10px;
    }
    #nayami6{
        display: none;
    }
  #nayami1, #nayami2, #nayami3, #nayami4, #nayami5 {
    width: 181px;
    height: 181px;
    float: left;
    margin-right: -90px;
    overflow: hidden;
  }
  #nayami2, #nayami4 {
    margin-top: 100px;
  }
  #nayami1 img, #nayami2 img, #nayami3 img, #nayami4 img, #nayami5 img {
    transition: all 0.3s ease;
  }
  #nayami1 img:hover, #nayami2 img:hover, #nayami3 img:hover, #nayami4 img:hover, #nayami5 img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.30);
  }
  #index_3 h1 {
    margin-bottom: 10px;
      margin-top: 20px;
  }
  #index_3 img {
    margin-bottom: 20px;
  }
}

/*スマホ表示する場合のCSS*/
@media (max-width: 767px) {

    #index_1 img{
        width:100%;
        height: 100%;
    }
    #index_2 img{
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    }
    #nayami1,#nayami2,#nayami3,#nayami4,#nayami5{
        display: none;
    }
    #index_3 img{
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    } 
}