@charset "utf-8";
/* CSS Document */
#main-column h2{
	color:#34c4c9;
	font-size:18px;
	line-height:2em;
	border-top:2px solid #646464;
	border-bottom:1px solid #b1b1b1;
	clear:both;
	margin:0px 0px 15px 0px;
	text-indent:10px;
}
.main-contents{
	color:#646464;
	margin:15px 0px 20px;
}
.main-contents:after{
	content:" ";
	display:block;
	clear:both;
}

.main-contents h3{
	color:#454545;
	font-size:16px;
	line-height:36px;
	border-left:6px solid #00B4BB;
	background-color:#efefef;
	clear:both;
	margin:15px 0px 8px 0px;
	text-indent:10px;
}
	
.editbox{
	display:block;
	margin:15px 0px 25px 0px;
	float:left;
	width:422px;
	text-align:justify;
}
.editbox h4{
	color:#34c4c9;
	font-size:14px;
	line-height:1em;
	margin:18px 0px 18px;
}
.editbox p{
	font-size:13px;
	line-height:2em;
	margin:0px;
}
.editbox2{
	display:block;
	margin:10px 0px 20px 0px;
	text-align:justify;
}
.editbox2 h4{
	color:#34c4c9;
	font-size:14px;
	line-height:1em;
	margin:18px 0px 0px;
}
.editbox2 h5{
	font-size:14px;
	line-height:1em;
	margin:20px 0px 18px;
	font-weight:normal;
	border-bottom:1px solid #b1b1b1;
	line-height:2em;
	color:#04B5BB;
}
.editbox2 ul{
	display:block;
	margin: 10px 0px 10px 30px;
}
.editbox2 ul li{
	font-size:13px;
	list-style:disc;
	list-style-position:outside;
	line-height:1.4em;
	margin:0px 0px 1em 0px;
	color:#474747;
}
.editbox2 strong{
	color:#0056b3;
}
.editbox2 dl{
	display:block;
	/*
	margin: 20px 10px 10px 10px;
	*/
	font-size:12px;
	line-height:1.4em;
	clear:both;
	padding-bottom:10px;
}
.editbox2 dl:after{
	content:" ";
	display:block;
	clear:both;
}
.editbox2 dl dt{
	display:block;
	float:left;
}
.editbox2 dl dd{
	margin-left:30px;
}
.editbox2 p{
	font-size:12px;
	line-height:2em;
	margin:0px;
}
.photobox{
	display:block;
	margin:15px 0px 10px 0px;
	float:right;
	width:220px;
	border:1px solid #B1B1B1;
}
.photobox img{
	display:block;
	margin:0px 0px 0px 0px;
}
.addbox{
	display:block;
	clear:both;
	margin:0px 0px 20px 0px;
	padding:5px;
	background-color:#F0F0EB;
}
.addbox:after{
	content:" ";
	display:block;
	clear:both;
}
.addbox img{
	float:left;
}
.addbox h4{
	font-size:15px;
	line-height:2em;
	display:block;
	width:414px;
	border-bottom:1px solid #646464;
	float:left;
	margin:0px 0px 10px 10px;
}
.addbox p{
	font-size:12px;
	line-height:1.5em;
	display:block;
	width:414px;
	float:left;
	margin:0px 0px 0px 10px;
}

.mrinagare{
	display:block;
	clear:both;
	margin:0px 10px 20px 10px;
}
.mrinagare img{
	display:block;
	float:left;
	margin:30px 20px 0px 0px;
}
.mrinagare p.p1{
	display:block;
	float:right;
	width:456px;
	height:135px;
	font-size:12px;
	color:#474747;
	line-height:1.6em;
	margin:30px 0px 0px 0px;
}
.mrinagare p.p2{
	display:block;
	float:right;
	width:456px;
	height:116px;
	font-size:12px;
	color:#474747;
	line-height:1.6em;
	margin:47px 0px 20px 0px;
}
.mrinagare p.p3{
	display:block;
	float:right;
	width:456px;
	height:94px;
	font-size:12px;
	color:#474747;
	line-height:1.6em;
	margin:30px 0px 20px 0px;
}
.mrinagare p.p4{
	display:block;
	float:right;
	width:456px;
	height:110px;
	font-size:12px;
	color:#474747;
	line-height:1.6em;
	margin:30px 0px 20px 0px;
}
.mrinagare p.p5{
	display:block;
	clear:both;
	float:right;
	font-size:12px;
	color:#474747;
	line-height:1.6em;
	margin:0px 0px 20px 0px;
	padding:30px 0px 20px 0px;
	border-top:1px solid #cccccc;
}
table.style1{
	margin:5px 0px 10px;
	border-top:1px solid #646464;
	border-left:1px solid #646464;
	border-collapse:collapse;
	font-size:13px;
	width:100%;
}
table.style1 th{
	padding:10px 15px 10px;
	border-bottom:1px solid #646464;
	border-right:1px solid #646464;
	font-weight:normal;
	background-color:#cdf0f2;
	text-align:center;
	color:#04b5bc;
}
table.style1 td{
	padding:10px 15px 10px;
	border-bottom:1px solid #646464;
	border-right:1px solid #646464;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
table.style1 th.th2{
	background-color:#04b5bc;
	color:#ffffff;
}
.txt12{
	font-size:12px;
}
.yen{
	font-size:17px;
}

.mritelbox{
	display:block;
	margin:10px auto 10px;
	width:627px;
	background-color:#cdf0f2;
	padding:6px 6px 4px;
}
.mritelbox{
	display:block;
	margin:10px auto 10px;
	width:648px;
	background-color:#cdf0f2;
	padding:6px 6px 4px;
}
.mritelboxin{
	display:block;
	background-color:#ffffff;
	padding:5px 20px 20px 20px;
	margin-bottom:2px;
}
.mritelboxin:after{
	content:" ";
	display:block;
	clear:both;
}
.mritelboxin h5{
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	margin:0px 0px 10px;
	border-bottom:1px solid #b1b1b1;
	line-height:2em;
}
.mrltel{
	display:block;
	float:left;
	margin-right:56px;
}
.mrlmail{
	display:block;
	float:left;
}
.mrltel p.tel{
	font-size:24px;
	font-weight:bold;
	color:#04b5bc;
	line-height:1em;
}
.mrlmail p.mail{
	font-size:16px;
	font-weight:bold;
	color:#04b5bc;
	line-height:1.4em;
}
.mrlmail p.mail a{
	color:#04b5bc;
	text-decoration:none;
}


table.mristyle{
	margin:5px 0px 10px;
	border-top:1px solid #646464;
	border-left:1px solid #646464;
	border-collapse:collapse;
	width:100%;
}
table.mristyle th{
	padding:10px 15px 10px;
	border-bottom:1px solid #646464;
	border-right:1px solid #646464;
	font-weight:normal;
	background-color:#cdf0f2;
	font-size:14px;
	text-align:center;
	color:#04b5bc;
}
table.mristyle td{
	padding:10px 15px 10px;
	border-bottom:1px solid #646464;
	border-right:1px solid #646464;
	font-weight:normal;
	font-size:15px;
	text-align:center;
	font-weight:bold;
}
table.mristyle td.tel{
	font-size:16px;
	font-weight:bold;
	color:#04b5bc;
	line-height:1em;
}

/* ベースのリストスタイル */
.diagnosis-list {
  width: 100%;
  margin: 0 0 2em 0;
  border-top: 1px solid #e0e0e0; /* 上部の線 */
}

/* 各項目のラッパー */
.diagnosis-item {
  border-bottom: 1px solid #e0e0e0; /* 下部の線（区切り） */
  padding: 1.2em 0;
}

/* 見出し（検査機器名） */
/*
.diagnosis-item dt {
  font-weight: bold;
  color: #0056b3; /* クリニックのキーカラーに変更してください *//*
  margin-bottom: 0.5em;
  font-size: 1.05em;
  line-height: 1.4;
  width:40%;
}

/* 説明文 *//*
.diagnosis-item dd {
  margin: 0; /* デフォルトのマージンをリセット *//*
  line-height: 1.6;
  color: #333;
}

/* 1. 親要素：ここで横並びと垂直位置を制御します */
.diagnosis-item {
  display: flex;             /* 横並びにする */
  align-items: baseline;     /* テキストのベースライン（文字の下のライン）で揃える */
  /* ※もし上端でピシッと揃えたい場合は flex-start に変更してください */
  padding: 1.5em 0;          /* 上下の余白 */
  border-bottom: 1px solid #e0e0e0; /* 区切り線 */
}

/* 2. 左側（見出し） */
.diagnosis-item dt {
  width: 30%;                /* 指定の幅 */
  flex-shrink: 0;           /* 幅が縮まないように固定 */
  padding-right: 2em;       /* ddとの間の余白 */
  
  /* 以下のユーザー指定スタイルは維持 */
  font-weight: bold;
  color: #0056b3; 
  margin-bottom: 0;         /* 横並び時は下マージン不要（0にする） */
  font-size: 1.05em;
  line-height: 1.4;
}

/* 3. 右側（説明文） */
.diagnosis-item dd {
  width: 60%;               /* 残りの幅を指定（または flex: 1; でもOK） */
  margin: 0;                /* リセット */
  line-height: 1.6;
  color: #333;
}



/* 疾患リスト全体の枠組み */
.disease-list {
  width: 100%;
  margin: 0 0 2.5em 0;
  border-top: 1px solid #e0e0e0;
}

/* 各項目の区切り */
.disease-item {
  border-bottom: 1px solid #e0e0e0;
  padding: 1.2em 0;
}

/* 疾患名（左側） */
.disease-item dt {
  font-weight: bold;
  color: #0056b3; /* クリニックのキーカラー */
  margin-bottom: 0.5em;
  font-size: 1.05em;
  line-height: 1.4;
  width:35%;
}

/* 説明文（右側） */
.disease-item dd {
  margin: 0;
  line-height: 1.6;
  color: #333;
  width:65%;
}



@media screen and (max-width: 899px) {
	.main-contents{
		font-size:0px;
	}
	.photobox, .editbox{
		width:47%;
	}
	.photobox img{
		width:100%;
	}
	.addbox img{
		width:47%;
		padding-right:3%;
		height:auto;
		background-color:#f1f0ec;
	}
	.addbox h4, .addbox p{
		width:50%;
		margin:0px;
	}
	.addbox h4{
		margin-bottom:10px;
	}
}
@media screen and (max-width: 768px) {
.diagnosis-item,
  .disease-item {
    display: block !important; /* 強制的にblock要素（縦積み）にする */
    padding: 1.2em 0;
  }

  /* 幅を100%に強制変更 */
  .diagnosis-item dt,
  .disease-item dt,
  .diagnosis-item dd,
  .disease-item dd {
    width: 100% !important;    /* 強制的に幅100% */
    padding-right: 0 !important;
    margin-left: 0 !important;
    display: block;
  }

  /* スマホ時の見出し下の余白 */
  .diagnosis-item dt,
  .disease-item dt {
    margin-bottom: 0.5em !important;
  }
}

@media screen and (max-width: 480px) {
	.photobox, .editbox{
		width:100%;
	}
	
	.addbox{
		width:94%;
		padding:3%;
	}
	
	.addbox img{
		width:100%;
		padding:0px 0px 10px;;
		float:none;
	}
	.addbox h4, .addbox p{
		width:100%;
	}
	table.style1 th{
		padding:10px 5px 10px;
	}
	table.style1 td{
		padding:10px 5px 10px;
	}
	table.mristyle th{
		padding:10px 5px 10px;
	}
	table.mristyle td{
		padding:10px 5px 10px;
	}
}
@media screen and (max-width: 320px) {
}