@charset "UTF-8";

/* --- profile ---------------------------- */

.profile{
  display:grid;
  grid-template-columns: max-content 1fr;
  gap:0;
  padding: 20px 20px;
}
    
/* PC */
.profile dt,
.profile dd{
  line-height: 1.3;
  padding:0 10px 1em;
  margin:0;
  overflow-wrap: break-word;
  border-bottom: 1px dotted #ddd;
}

.profile dt:last-of-type,
.profile dd:last-of-type {
    border-bottom: none;
}

/* --------------------------------------------------- */
/* 画面幅が768px以下の場合に表示 */

@media(max-width:768px){
  .profile{
    grid-template-columns:1fr;
  }
  
  .profile dt{
    border-bottom:none; /* dtの線を消す */
    padding-bottom:4px;
  }

  .profile dd{
    border-bottom:1px solid #ccc; /* ddのみ線 */
    margin-bottom:10px;
  }

}