.indent{text-indent:-1em;padding-left:1em;}
.kome{text-indent:-1em;padding-left:1em;margin-top:10px;}
ul.maru {list-style: disc;margin-left:2em;}
ul.maru-mg1 {list-style: disc;margin-left:1em;}

ul.circle {list-style: circle;margin-left:2em;}

/*------------------------------------------------*/
/*一般内科ページ
/*------------------------------------------------*/
/*症状ボックス 外側の罫線ボックス*/
.boxS{margin-bottom:1em;border:solid 1px #d3d3d3;padding:1em;}

/*症状ボックス*/
.boxshojo{display:flex;gap:0 20px;}
.boxshojo-img{width:200px;}
.boxshojo-img img{width:100%;}
.boxshojo-p{width:calc(100% - 200px);}

/*症状タイトル*/
.shojo-title{
	color:#804012;
	font-size:22px;
	font-weight:500;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5;
}

.btnstyle{width:300px;max-width:96%;border-radius:50px;margin-top:10px;} /*ボタンのスタイル*/
@media screen and (max-width: 799px) {
	.boxS{margin-bottom:1em;border:solid 1px #d3d3d3;padding:0.5em;}
	.boxshojo{gap:0 10px;}
	.boxshojo-img{width:180px;}
	.boxshojo-p{width:calc(100% - 180px);}
	.boxshojo p{font-size:15px;line-height:1.5;}

	.shojo-title{
		font-size:18px;
		font-weight:bold;
	  	padding: 0.3em 0.5em 0.5em 1em;
	}
	.btnstyle{width:350px;max-width:96%;border-radius:50px;margin-top:10px;}
}

/*症状毎のタイトル*/
.naiyo-title {
  font-size:24px;
  font-weight:normal;
  margin-bottom:1em;
  background-color: #e1eef5;
  position: relative;
  padding: 0.5em 0.5em;
}
.item-title{font-weight:bold;font-size:18px;}
.kensa:before{content:url(../images/shinryo/icon-kensa2.jpg);}
.chiryo:before{content:url(../images/shinryo/icon-chiryo2.jpg);}

@media screen and (max-width: 799px) {
	.naiyo-title {
	  font-size:20px;
	  font-weight:bold;
	  margin-bottom:1em;
	  padding: 0.5em 0.5em 0.5em 1.5em;
	  text-indent:-1em;

	}
	.item-title{font-weight:bold;font-size:18px;}

}


/*------------------------------------------------*/
/*FAQページ
/*------------------------------------------------*/
/*ＱＡ見出し
-------------------------------------------------------------*/
.qa_head{
  position: relative;
  padding: 0.3rem .5rem;
  margin:20px 0 10px 0;
  color:#696969;
  font-weight:bold;
  font-size:20px;
}

.qa_head:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#008000), to(#008000));

}
/* 折り畳み
-----------------------------------------*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #0000ff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: normal;
	position: relative;
	display: block;
	padding: 5px 40px 5px 30px;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #ffffff;
  	background-image:url(../images/q.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
	background-size: 20px;

}
/*
.cp_actab label::before {
    content: "・";
}
*/
.cp_actab label a {
  position: relative;
  display: inline-block;
  transition: .3s;
}

.cp_actab label a::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #2ecc71;
  opacity: 0;
  transition: .3s;
}
.cp_actab label a:hover::after {
  bottom: 0;
  opacity: 1;
  text-decoration: underline;
}

.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: 
	max-height 0.35s;
	color: #000;
	background: #f8f8ff;
}
.cp_actab .cp_actab-content p {
	padding: 0.5em 0.5em 0.5em 2em;
	
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 50em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '▼';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

@media screen and (max-width: 799px) {
	.cp_actab label {
		padding: 5px 40px 5px 30px;
		margin: 0 0 10px 0;
	}
	.cp_actab .cp_actab-content p {
		padding: 0.5em;
		
	}

}

/*----------------------------------------------------------
アレルギーページ
----------------------------------------------------------*/
/*----------------------------------------------------------
こんな悩み
----------------------------------------------------------*/
.title_nayami_allergy{font-size:30px;font-weight:bold;margin-bottom:1em;}
@media screen and (max-width: 799px) {
	.title_nayami_allergy{font-size:24px;}
}

/*----------------------------------------------------------
アレルギーの検査　テーブル
----------------------------------------------------------*/
.tbl_allergy{
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.tbl_allergy tr {background-color: #e6f1f6;  border-bottom:dotted 1px #a9a9a9;}
.tbl_allergy tr:nth-child(even) {background-color: #fff;}
.tbl_allergy th,.tbl_allergy td{font-size:15px;	padding:10px;}
.tbl_allergy th{width:100px;vertical-align:top;}
.tbl_allergy td{font-size:15px;}

@media screen and (max-width: 799px) {
	.tbl_allergy th{width:70px;}
}

/*----------------------------------------------------------
睡眠時無呼吸症候群ページ
----------------------------------------------------------*/
/*----------------------------------------------------------
トップの言葉
----------------------------------------------------------*/
.title_nayami_sas{font-size:26px;font-weight:bold;}
@media screen and (max-width: 799px) {
	.title_nayami_sas{font-size:18px;text-indent:-20px;padding-left:20px;}
}

/*----------------------------------------------------
 セルフチェックシート
------------------------------------------------------ */
.box-013 {
    max-width: 100%;
    border: 2px solid #708090/*#2597d0*/;
    border-radius: 3px;
	background-color:#f5f5f5;
	margin:1em 0;
}

.box-013 span {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5px 10px;
    background-color: #708090/*#4169e1*/;
    color: #fff;
	font-size:22px;
    font-weight: 600;
}

.box-013 p {
    margin: 0.5em 10px 0.5em 1em;
}

@media screen and (max-width: 799px) {
	.box-013 span {
		font-size:20px;
	}
}

/*----------------------------------------------------
 補足説明
------------------------------------------------------ */
.hosoku {
    position: relative; /* タイトルの配置調整のために基準を設定 */
    margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
    border: 2px solid #CCA99D; /* ボックスの線 (太さ・種類・色) */
}

.hosoku .box-title {
    position: absolute; /* タイトルをボックス内で絶対位置指定 */
    top: -0.5em; /* 上方向に少し移動 */
    left: 1em; /* 左端からの距離 */
    background-color: #fff; /* タイトル背景色 */
    color: #000; /* タイトルの文字色 */
    padding: 0 .5em; /* タイトルの内側余白 */
    font-weight: bold; /* タイトルのフォントを太字に */
    line-height: 1; /* タイトルの行の高さ */
    display: inline-block; /* タイトルの幅を内容に合わせる */
    width: auto; /* タイトル幅を内容に応じて可変にする */
    max-width: calc(100% - 2em); /* 左右の余白を考慮して最大幅を調整 */
    white-space: nowrap; /* タイトルを1行に固定 */
    overflow: hidden; /* はみ出した部分を非表示 */
    text-overflow: ellipsis; /* 省略記号（...）を表示 */
}

.hosoku .box-content {
    padding: 1em; /* ボックス内コンテンツの余白を設定 */
}

.hosoku p {
    margin: 0; /* 段落の余白をなくして統一感を持たせる */
}

/*----------------------------------------------------
 検査の流れ
------------------------------------------------------ */
.box-kensa {
	padding:10px 10px 10px 20px;
    background: #f8f8ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box-kensa-inner{display:flex;gap:0 20px;margin-top:10px;}
.box-kensa-inner-img{width:200px;}
.box-kensa-inner-img img{width:100%;}
@media only screen and (max-width: 799px){
	.box-kensa {
		padding:10px 5px 10px 5px;}
	.box-kensa-inner{flex-direction:column-reverse;gap:20px 0;}
	.box-kensa-inner-img{width:300px;margin:0 auto;}
}


/*------------------------------------------------*/
/*健康診断ページ
/*------------------------------------------------*/
/*健康診断の費用テーブル
--------------------------------------------------*/
table.kenkohiyo{
  border-collapse: collapse;
  table-layout: fixed;
  width: 500px;
  overflow: hidden;
}
table.kenkohiyo td:nth-child(2){width:120px;text-align:right;}
table.kenkohiyo td{border:solid 1px #aaa;padding:5px;}
@media only screen and (max-width: 799px){
	table.kenkohiyo{
	  width: 100%;
	}
	table.kenkohiyo td:nth-child(2){width:100px;text-align:right;}

}

/*健康診断の内容テーブル
----------------------------------------------*/
table.kenkonaiyo{
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  font-size:15px;
}
table.kenkonaiyo th,table.kenkonaiyo td{border:solid 1px #000;padding:10px 5px 5px 10px;}
table.kenkonaiyo th{text-align:center;background-color:#dcdcdc;}

/*列幅設定*/
table.kenkonaiyo th:nth-child(1){width:100px;}
table.kenkonaiyo th:nth-child(2){width:100px;}
table.kenkonaiyo th:nth-child(3){width:180px;}

table.kenkonaiyo th:nth-child(5){width:50px;}/*A*/
table.kenkonaiyo th:nth-child(6){width:50px;}/*B*/

.tate{}	/*縦書き　PCは何もしない*/

@media only screen and (max-width: 799px){
	table.kenkonaiyo th,table.kenkonaiyo td{border:solid 1px #000;padding:10px 5px;}
	table.kenkonaiyo th:nth-child(1){width:30px;}
	table.kenkonaiyo th:nth-child(2){width:30px;}
	table.kenkonaiyo th:nth-child(3){width:100px;}

	table.kenkonaiyo th:nth-child(5){width:30px;}/*A*/
	table.kenkonaiyo th:nth-child(6){width:30px;}/*B*/

	table.kenkonaiyo th{font-size:15px;}
	table.kenkonaiyo td{font-size:14px;}

	.tate{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;text-orientation: upright;}/*縦書き*/
}

/*------------------------------------------------*/
/*特定健康診査ページ
/*------------------------------------------------*/
/*特定健康診査の費用テーブル
--------------------------------------------------*/
.tokutei-top{font-size:28px;font-weight:bold;margin-bottom:20px;text-align:left;} /*topの言葉*/

table.tokuteinaiyo{
  border-collapse: collapse;
  width: 600px;
  table-layout: fixed;
  overflow: hidden;
}
table.tokuteinaiyo td{border:solid 1px #000;padding:10px 5px 5px 10px;vertical-align:top;}
table.tokuteinaiyo td:nth-child(2){width:200px;}
@media only screen and (max-width: 799px){
	.tokutei-top{font-size:20px;}
	table.tokuteinaiyo{
	  width: 100%;
	}
	table.tokuteinaiyo td{font-size:15px;padding:5px;}
	table.tokuteinaiyo td:nth-child(2){width:150px;}
}

/*------------------------------------------------*/
/*予防接種・ワクチンページ
/*------------------------------------------------*/
.vacctine-top{font-size:26px;font-weight:bold;}
@media only screen and (max-width: 799px){
	.vacctine-top{font-size:22px;}
}

/*------------------------------------------------*/
/*ダイエットページ
/*------------------------------------------------*/
.diet-top{font-size:28px;font-weight:bold;margin-bottom:20px;} /*topの言葉*/
.diet-top-sub{font-size:20px;font-weight:bold;} /* topの言葉 */

/*トップの画像と文字*/
.box-diettop{display:flex;justify-content:center;}
.box-diettop-left{padding:1em;}
.box-diettop-right{width:300px;}
.box-diettop-item img{width:100%;}

 /*チェックシート*/
.diet-checksheet{font-size:22px;font-weight:bold;}
.box-dietcheck {
	    border: 1px solid #708090/*#2597d0*/;
		background-color:#f5f5f5;
		margin:1em 0;
		padding:0.5em;
	}
.box-dietcheck p {
    margin: 0.5em 10px 0.5em 0.5em;
}

 /* 治療の流れ */
.diet-nagare-title{font-size:20px;color:#209ab3;margin-bottom:20px;text-indent:-30px;padding-left:30px;}
.diet-nagare-box{border-left: dotted 5px #768888;padding:0 0 0 1em;}

 /* 薬の名前 */
.diet-kusuri-title{background-color:#e6e6fa;
			font-size:18px;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			margin-bottom:20px;
			text-indent:-1em;
			padding-left:1.5em;}

 /* 内容　1文字下げる（パソコンだけ） */
.diet-kusuri-naiyo{margin-left:1em;}

@media screen and (max-width: 799px) {
	.diet-top{font-size:22px;text-align:center;} /*topの言葉*/
	.diet-top-sub{font-size:17px;text-align:center;} /* topの言葉 */


	.box-diettop{flex-direction:column;gap:20px 0;}
	.box-diettop-left{width:100%;padding:0;}
	.box-diettop-right{width:100%;}
	.box-diettop-item img{width:100%;}

	 /*チェックシート*/
	.diet-checksheet{font-size:18px;font-weight:bold;}

	 /* 治療の流れ */
	.diet-nagare-title{font-size:18px;}

	 /* 薬の内容（スマホだけ） */
	.diet-kusuri-naiyo{margin-left:0;}

}

/*------------------------------------------------*/
/*AGAページ
/*------------------------------------------------*/
.aga-top{font-size:28px;font-weight:bold;margin-bottom:20px;} /*topの言葉*/
.aga-top-sub{font-size:20px;font-weight:bold;color:#8B4513;} /* topの言葉 */


 /*チェックシート*/
.aga-checksheet{font-size:22px;font-weight:bold;}
.box-agacheck {
	    border: 1px solid #708090/*#2597d0*/;
		background-color:#f5f5f5;
		margin:1em 0;
		padding:0.5em;
	}
.box-agacheck p {
    margin: 0.5em 10px 0.5em 0.5em;
}

 /* 治療の流れ */
.aga-nagare-title{font-size:20px;color:#209ab3;margin-bottom:20px;text-indent:-30px;padding-left:30px;}
.aga-nagare-box{border-left: dotted 5px #768888;padding:0 0 0 1em;}

 /* 薬の名前 */
.aga-kusuri-title{background-color:#e6e6fa;
			font-size:18px;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			margin-bottom:20px;
			text-indent:-1em;
			padding-left:1.5em;}

 /* 内容　1文字下げる（パソコンだけ） */
.aga-kusuri-naiyo{margin-left:1em;}

@media screen and (max-width: 799px) {
	.aga-top{font-size:22px;text-align:left;} /*topの言葉*/
	.aga-top-sub{font-size:17px;text-align:left;} /* topの言葉 */

	 /*チェックシート*/
	.aga-checksheet{font-size:18px;font-weight:bold;}

	 /* 治療の流れ */
	.aga-nagare-title{font-size:18px;}

	 /* 薬の内容（スマホだけ） */
	.aga-kusuri-naiyo{margin-left:0;}

}

 /* 薬の比較テーブル */
table.agakusuri{
  border-collapse: collapse;
  table-layout: fixed;
  overflow: hidden;
}
table.agakusuri th,table.agakusuri td{border:solid 1px #000;padding:10px 5px 5px 10px;}

table.agakusuri thead th{background-color:#e6e6fa;text-align:center;}
table.agakusuri th:nth-child(2){width:80px;}
table.agakusuri th:nth-child(3){width:80px;}
table.agakusuri th:nth-child(4){width:80px;}
table.agakusuri td:nth-child(2){text-align:center;}
table.agakusuri td:nth-child(3){text-align:center;}
table.agakusuri td:nth-child(4){text-align:center;}
@media screen and (max-width: 799px) {
	table.agakusuri th,table.agakusuri td{padding:5px;}
	table.agakusuri{font-size:15px;}
	table.agakusuri th:nth-child(1){width:120px;}
	table.agakusuri th:nth-child(2){width:20px;}
	table.agakusuri th:nth-child(3){width:20px;}
	table.agakusuri th:nth-child(4){width:20px;}
}

/*------------------------------------------------*/
/*EDページ
/*------------------------------------------------*/
.ed-top{font-size:28px;font-weight:bold;margin-bottom:20px;} /*topの言葉*/
.ed-top-sub{font-size:18px;font-weight:bold;color:#8B4513;} /* topの言葉 */

.box-edtop{display:flex;align-items:flex-end;}
.box-editem img{width:300px;}
@media screen and (max-width: 799px) {
	.ed-top{font-size:20px;} /*topの言葉*/
	.ed-top-sub{font-size:18px;} /* topの言葉 */
	.box-edtop{flex-direction:column;gap:20px 0;}
	.box-editem{width:100%;}
}

.ed-kusuri-title{background-color:#e6e6fa;
			font-size:18px;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			margin-bottom:20px;
			text-indent:-1em;
			padding-left:1.5em;}

 /* 内容　1文字下げる（パソコンだけ） */
.ed-kusuri-naiyo{margin-left:1em;}
@media screen and (max-width: 799px) {
	 /* 薬の内容（スマホだけ） */
	.diet-kusuri-naiyo{margin-left:0;}
}

.shikkan_line {
	position: relative;
	font-weight:bold;
	margin-bottom:1em;
	font-size:22px;
	border-bottom: solid 3px #cfd0bb;
}
.shikkan_line:after {
	position: absolute;
	bottom: -3px;
	content: " ";
	display: block;
	width: 30%;
	border-bottom: solid 3px #008000;
}

 /* 薬の影響一覧表 */
table.ed-eikyo{
  border-collapse: collapse;
  table-layout: fixed;
  overflow: hidden;
}
table.ed-eikyo th,table.ed-eikyo td{border:solid 1px #000;padding:10px 5px 5px 10px;}

table.ed-eikyo thead th{background-color:#e6e6fa;text-align:center;}
table.ed-eikyo th:nth-child(1){width:130px;}
table.ed-eikyo td{vertical-align:top;}
table.ed-eikyo td img{width:25px;}/*×△マーク*/
table.ed-eikyo td span{display: block;text-align: center;}

@media screen and (max-width: 799px) {
	table.ed-eikyo th:nth-child(1){width:100%;}

	/*ヘッダーは表示しない*/
  .ed-eikyo thead {
    display:none;
  }
  .ed-eikyo tr {
    background-color: unset;
  }

  table.ed-eikyo th, table.ed-eikyo td {
    display: block;
    border:0;
    border-bottom: 1px solid #4d9bc1;
  }
	table.ed-eikyo td img{padding-top:5px;} /*×△マーク*/
	table.ed-eikyo td span{display: inline;}

	/*薬剤名*/
  .ed-eikyo tbody th{
    background: #4d9bc1;
    color:#fff;
    text-align: center;
	font-size:18px;
	padding:10px 0;
  }

  .ed-eikyo tbody th::before{ 
	white-space: pre;
    content: "薬剤名：";
    font-weight: bold;
  }

	/*心臓病*/
  .ed-eikyo td:nth-child(2)::before{ 
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0 10px;
    display: inline;
    background-color: #ed1e79;
    margin-right: 10px;
    float: left;
	}

	/*肝臓病*/
  .ed-eikyo td:nth-child(3)::before{ 
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0 10px;
    display: inline;
    background-color: #ed1e79;
    margin-right: 10px;
    float: left;
	}

	/*腎臓病*/
  .ed-eikyo td:nth-child(4)::before{ 
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0 10px;
    display: inline;
    background-color: #ed1e79;
    margin-right: 10px;
    float: left;
	}

	.ed-eikyo td:nth-child(5){padding-bottom:2em;}

  .ed-eikyo td:nth-child(5)::before{ 
	white-space: pre;
    content: "医師のコメント・特記事項：\A";
    font-weight: bold;
	}
　 

}


/*-------------------------------------------------------------
よくある質問
-------------------------------------------------------------*/
.qa-list dl {
    position: relative;
    margin: 10px 0 0;
    cursor: pointer;
    border: 1px solid #DDD;
}
.qa-list dl:first-child {
  margin-top: 0;
}
.qa-list dl::after {
    position: absolute;
    top: 20px;
    right: 26px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #0000ff;
    border-right: 2px solid #0000ff;
}
.qa-list .open::after {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 10px 20px 10px 60px;
    font-weight: bold;
	font-size:18px;
	letter-spacing: 0.07em;
    background: #f8f8ff;/*#e6e6fa;*/
}
.qa-list dl dt::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 15px;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #3285bf;
}
.qa-list dl dd::before {
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #3285bf;
}
.qa-list dl dd {
    position: relative;
    margin: 0;
    padding: 15px 10px 10px 50px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

@media screen and (max-width: 799px) {
	.qa-list dl { margin: 10px 0 0;}
	.qa-list dl:after {
	    top: 18px;
	    right: 20px;
	    width: 7px;
	    height: 7px;
	}
	.qa-list dl dt {
	    padding: 15px 35px 15px 35px;
	    font-size: 16px;
		line-height:1.7;
	}
	.qa-list dl dt::before {
	    font-size: 16px;
	    top: 18px;
	    left: 10px;
	}
	.qa-list dl dd::before {
	    font-size: 16px;
	    top: 10px;
	    left: 10px;
	    margin-top: 5px;
	}
	.qa-list dl dd {
	    margin: 0;
	    padding: 10px 5px 10px 35px;
	    font-size: 16px;
		line-height:1.7;
	}
	.qa-list dl dd p {
	    margin: 30px 0 0;
	}
	.qa-list dl dd p:first-child{
	    margin-top: 0;
	}
}
/*-------------------------------------------------------------
チェックマーク
-------------------------------------------------------------*/
.checkmark005{
	padding-left:30px;
	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 #000000;
	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;
}
