/*----------------------------------------------------------
料金テーブル
----------------------------------------------------------*/
.table_design09 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.table_design09 tr {background-color: #e6f1f6;}
.table_design09 tr:nth-child(even) {background-color: #fff;}
.table_design09 th, .table_design09 td {padding: 1em;}

.table_design09 thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.table_design09 thead th:nth-child(2) {width:130px;}

.table_design09 tbody th { color: #4d9bc1;}
.table_design09 tbody td{text-align:left;line-height:1.7;}
.table_design09 tbody td:nth-child(2) {text-align:center;}

@media screen and (max-width: 799px) {
  .table_design09 {
    border-radius: 0;
    text-align: left;
  }
  .table_design09 thead {
    display:none;
  }
  .table_design09 tr {
    background-color: unset;
  }
  .table_design09 th, .table_design09 td {
    display: block;
    border: 0;
    border-bottom: 1px solid #4d9bc1;
  }
  .table_design09 tbody th{
    background: #4d9bc1;
    color:#fff;
    text-align: center;
	padding:10px 0;
  }

	/*治療内容 表示*/
  .table_design09 tbody th::before{ 
	white-space: pre;
    content: "【 検査内容 】\A";
    font-weight: bold;
  }

	/*料金（税込）表示*/
  .table_design09 td:nth-child(2)::before{ 
    content: attr(data-label);
    background-color: #e6f1f6;
    font-weight: normal;
    display: inline-block;
    width: 100px;
    min-width: 4em;
    text-align: left;
    margin-right: 0.5em;
    padding: 4px;
  }
  .table_design09 tbody td:nth-child(2) {text-align:left;}
  .table_design09 td:nth-child(3){padding-bottom:2em;}

}

/*----------------------------------------------------------
薬テーブル
----------------------------------------------------------*/
.table_kusuri {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.table_kusuri th, .table_kusuri td {padding: 0.5em;border:solid 1px #a9a9a9;}

.table_kusuri thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.table_kusuri thead th {border-right:solid 1px #fff;}


/*----------------------------------------------------------
2Dと3Dの違い
----------------------------------------------------------*/
.table_chigai {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.table_chigai th, .table_chigai td {padding: 0.5em;border:solid 1px #a9a9a9;}

.table_chigai thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.table_chigai thead th {border-right:solid 1px #fff;}
.table_chigai thead th:nth-child(1) {width:100px;}
@media only screen and (max-width: 799px){
.table_chigai th,.table_chigai td{font-size:15px;}
.table_chigai td{vertical-align:top;}
.table_chigai thead th:nth-child(1) {width:70px;}

}
/*----------------------------------------------------------
ピンク見出し
----------------------------------------------------------*/
.headline_pink{
	font-size:24px;
	font-weight:bold;
	color:#da2b8a;
	border-bottom:solid 4px #d96ca8;
	margin:1em 0;
}
@media only screen and (max-width: 799px){
	.headline_pink{
		font-size:18px;
	}
}

/*----------------------------------------------------------
点リスト
----------------------------------------------------------*/
ul.list_test-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}

ul.list_test-wrap li{padding-left:20px;text-indent:-15px;padding-bottom:10px;}
ul.list_test-wrap li:before {
    content:  "";     /* 空の要素作成 */
    width:  7px;               /* 幅指定 */
    height:  7px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #000;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

/*----------------------------------------------------------
検査の流れ
----------------------------------------------------------*/
.box-nagare{display:flex;gap:50px;flex-direction:row;
	padding:10px 10px 10px 20px;
    background: #f8f8ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box-nagare-p{width:60%;}
.box-nagare-p .title {
 	position: relative;
  	padding-top: 0.7rem;
	font-size:20px;
  	line-height: 1.5;
	font-weight:bold;
	margin-bottom:20px;
	text-indent:-1.3em;padding-left:1.3em;
}

.box-nagare-img{width:40%;}
.box-nagare-img img{width:100%;border-radius:10px;}
.down{width:150px;margin:1em;}

@media only screen and (max-width: 799px){
	.box-nagare{gap:20px;flex-direction:column;}
	.box-nagare-p{width:100%;}
	.box-nagare-img{width:100%;}
	.box-nagare-p .title {font-size:18px;}
	.down{width:100px;margin:1em 0 1em 1em;}
}
/*----------------------------------------------------------
/*悩み枠（術後ホルモン療法）
------------------------------------------------------------*/
.nayami-back{
	background-color:#fdf4f4;
	padding:1em;
	margin-bottom:1em;
	font-weight:bold;
	font-size:18px;
	}
@media only screen and (max-width: 799px){
	.nayami-back{font-size:16px;}
}

/*----------------------------------------------------
 吹き出し
------------------------------------------------------ */
.balloon5 {
  width: 100%;
  display:flex;
}

.balloon5 .faceicon {width: 50px;}
.balloon5 .faceicon img{
  width: 100%;
  height: auto;
}

.balloon5 .chatting {
  width: calc(100% - 50px);
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 20px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
　width:100%;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}


/*----------------------------------------------------------
検査テーブル
----------------------------------------------------------*/
.table_kensa {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.table_kensa th, .table_kensa td {padding: 0.5em;border:solid 1px #a9a9a9;}

.table_kensa thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.table_kensa thead th {border-right:solid 1px #fff;}

/*----------------------------------------------------------
チェックマーク
----------------------------------------------------------*/
.checkmark005{
	padding-left:26px;
	position:relative;
}

.checkmark005:before,
.checkmark005:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark005:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #a9a9a9;
	left:0;top:2px;
}
.checkmark005:after{
	border-left:2px solid #0000ff;
	border-bottom:2px solid #0000ff;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}
@media only screen and (max-width: 799px){
	.checkmark005:before{
		left:0;top:0;
	}
}

/*----------------------------------------------------------
良性疾患とフォローの目安テーブル
----------------------------------------------------------*/
.table_follow {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.table_follow th, .table_follow td {padding: 0.5em;border:solid 1px #4169e1;}

.table_follow thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.table_follow thead th:nth-child(1) {width:120px;}
.table_follow tbody td {vertical-align:top;}

@media only screen and (max-width: 799px){
  .table_follow thead {
    display:none;
  }
  .table_follow tr {
    background-color: unset;
  }
  .table_follow th, .table_follow td {
    display: block;
    border: 0;
    border-bottom: 1px solid #4d9bc1;
  }
  .table_follow tbody th{
    background: #4d9bc1;
    color:#fff;
    text-align: center;
	padding:10px 0;
  }
	.table_follow tbody th{font-size:18px;}

	/*疾患名 表示*/
  .table_follow tbody th::before{ 
	white-space: pre;
    content: "";
  }

	/*特徴　表示*/
  .table_follow td:nth-child(2)::before{ 
	white-space: pre;
    content: "特徴：\A";
    font-weight: bold;
  }

	/*フォローの目安　表示*/
  .table_follow td:nth-child(3)::before{ 
	white-space: pre;
    content: "フォローの目安：\A";
    font-weight: bold;
  }
	.table_follow td:nth-child(3){padding-bottom:2em;}

}

/*----------------------------------------------------------
各項目最後の院長からの言葉
----------------------------------------------------------*/
.boxmatome{display:flex;align-items:flex-start;}
.boxmatome-img{width:200px;}
.boxmatome-p{width:calc(100% - 200px);padding:1em;background-color:#ffe6ea;border-radius:20px;}
.boxmatome-img img{width:100%;}
@media only screen and (max-width: 799px){
	.boxmatome{flex-direction:column;}
	.boxmatome-img{width:200px;margin:0 auto;}
	.boxmatome-p{width:90%;padding:1em;background-color:#fdf4f4;border-radius:10px;margin:0 auto;}
}