@charset "utf-8";

/*コンテンツ枠の設定*/
#contents{
  padding:15px 15px;
  max-width:768px;
  margin:0 auto 3em;
}

.serv-h2{
  width:300px;
  padding:10px;
  margin:30px auto;
  border:1px solid #94c8b1;
  border-left:10px solid #d0e35b;
  background-color:white;
  color:#6fbb9a;
  border-radius:35px;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.serv-h4{
  width:100%;
  border:1px solid white;
  background-color:#fff;
  margin:1px auto;
  
}

.setumei{
  width:95%;
/*  height:550px; */
  border:1px;
/*  background-color:palegreen; */
  margin:10px auto;
  font-size:13px;
}

.setumei-img{
  width:95%;
  margin:0 auto;
  font-size:13px;

}



/*align-content*/
.setumei-img .flex-navi {
/*  height:500px;*/
  flex-wrap: wrap;
  align-content: stretch; /*初期値*/
  align-content: flex-start;
  align-content: flex-end;
  align-content: center;
  align-content: space-around;
  align-content: space-between;
}

.flex-navi {
  padding: 20px;
  border: 0px;

}
.flex-navi li {
  width: 300px;
  padding: 10px;
  border: 1px solid #666;
  background:white;
  border-radius:10px;
}


.flex-navi li img{
  height:75px;
  float:left;
  display:block;
  transition-duration:0.5s;
  padding:0.5em 0 0;
  transform:scale(1.0);
  border-radius:1rem;
}


/*flexboxレイアウトを適用*/
.flex-navi {
  display: flex;

}