#top_imgs { 
	width:100%;
	margin:55px auto 20px auto;
 }
 

 
 ul { 
	 list-style-type: disc;
	 margin-top:1em;
	 padding-left: 60px;
	 margin-bottom:50px;
 }
 
 .dr_profile_box img {
	 display:block;
	 margin:auto;
 }
 
 .dr_profile_box p {
	 text-align:center;
 }
 
h3 { 
	 margin-left:1em;
	 color:#fff;
	 padding:1px;
	 text-align:center;
	 width:5em;
	 background-color:#63a4f7;
	 font-weight:normal;
	 font-size:14px;
	 box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	 margin-bottom:1em;
 }
 
#mark {
	display:block;
	margin:auto;
	width:20px;
	height:20px;
}

#box3 {
  background-color: #fff;
}

#room {
	width:80%;
	display:block;
	margin:0 auto 50px auto;
}

.spbr {display:block;}
.m7 {display:block;margin-left:6.5em;}

#smsg { text-align: left;margin-top:1em;margin-bottom:2em;margin-left:1em;margin-right:1em;}

 #drms_box {
	display: flex;           /* 既存のflexを活かす */
	flex-direction: column;  /* 縦並びに切り替え */
	align-items: stretch;    /* 幅いっぱいに */
	gap: 12px;               /* 画像と文章の間隔 */
	margin: 16px;            /* 余白を少しコンパクトに */
  }

  #drms_box img {
	width: 100%;             /* 横幅いっぱいに */
	max-width: 100%;
	height: auto;
	flex-shrink: 0;
	display: block;
  }

  #drms_box pre {
	flex: 0 1 auto;
	white-space: pre-wrap;   /* 折り返し */
	word-break: break-word;  /* 長い語の折り返し */
	overflow-wrap: anywhere; /* さらに安全に折り返し */
	line-height: 1.8em;
	font-size: 14px;         /* モバイルで読みやすく */
	margin: 0;
	text-align: left;
  }

  /* 右寄せ署名の余白微調整（任意） */
  #wri {
	margin-right: 0.5em;
  }
  
  #wri {
	  display:block;
	  text-align:right;
	  margin-right:1em;
  }