/* PCのときは改行を消す */
@media (min-width: 768px) { /* 768px以上（タブレット・PC） */
    .mobile-br {
      display: none;
    }
  }

.pre-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1; /* 3000px × 3000px のアスペクト比 */
}  

/* 特定のセクション（例：アカウント設定用） */
.account-settings .form-control:disabled {
  background-color: #ffffff; 
}

.account-settings .form-control{
  background-color: #f6f5f5eb;
}

.role-text {
  /* border: 1px solid #807f7f;  枠線 */
  background-color: hsl(199, 100%, 90%); /* 背景色 */
  color: rgb(12, 65, 181);             /* 文字色 */
  padding: 5px 10px;        /* 余白 */
  display: inline-block;    /* 幅を文字サイズに合わせる */
  border-radius: 10px;      /* 角を丸くする */
  font-size: 0.8em;
  font-weight: 600;
}

.damy-user{
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.damy-org{
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}