@charset "UTF-8";

/* 画面960px以上の時 */

@media (min-width: 960px){

  
  /* #header */
  
  .logo-l {
    position: absolute;
    top: -1px;
    z-index: 2;
    left: calc(50% - 480px);
    width: 40%;
    max-width: 290px;
  }
  
  .logo-l img {
    width: 100%;
  }
  
  
  /* #main */
  
  #main {
    max-width : 960px;}

  .service ul {
    width: 100%;
    margin:80px auto 0 auto;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;
}
  
.service li {
  width: 300px;
  max-width: 600px;
  outline: solid 1px #000;
  position: relative;
  padding: 32px;
  box-sizing: border-box;
  margin: 0 30px 0 0;
}

.service li:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
  
}