@charset "utf-8";

:root{
}

.service_list_3c{
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(min(360px,100%),1fr));
  border-top:1px solid silver;
  border-left:1px solid silver;
  margin:50px auto 0 auto;
  section{
    background:white;
    border-right:1px solid silver;
    border-bottom:1px solid silver;

    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap:10px;
    padding-bottom:20px;
    > * + *{
      margin-left:20px;
      margin-right:20px;
    }
    figure{
      width:100%;
      aspect-ratio: 4 / 3;
      position:relative;
	    overflow: hidden;
      img{
        min-width:100%;
        min-height:100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
      }
    }
    h3{
      font-size: 1.1em;
      text-align: left;
      font-weight: 500;
    }
    p{
      text-align: left;
      font-size: .9em;
    }
  }
}