@charset "UTF-8";
/* 地域包括支援センター 固有スタイル
   2026-06-03 chiikihokatsushiencenter.php（root）と
   parts/section-chiikihokatsushiencenter.php（consultation 内包）の
   テンプレ直書き<style>を統合移植（F4）。両テンプレから読込。
   .target+td は両者共通、.modal-* は section 側のみで使用。 */

.target + td {
  background-color: var(--color-accent-yellow);
}
.target + td a {
  color: var(--color-white);
}
.modal-top {
  display: flex;
  margin-bottom: 24px;
}
.modal-top-photo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
}
.modal-top-photo img {
  width: 65%;
  box-shadow: 10px 10px 0 #F6B921;
}
.modal-top-photo img.img-wide {
  width: 80%;
}
.modal-top-textarea {
  width: 50%;
}
.modal-top-comment {
  margin-bottom: 24px;
  padding: var(--space-10) var(--space-16);
  background-color: #FFF8E8;
  border-left: 10px solid #F6B921;
}
@media (max-width: 640px) {
  .modal-top {
    flex-direction: column;
    margin-bottom: 0;
  }
  .modal-top-photo {
    width: 100%;
    margin-bottom: 24px;
  }
  .modal-top-textarea {
    width: 100%;
  }
}