/*----------------------------------------------------------
幅
----------------------------------------------------------*/
.inner9{width:90%;margin:0 auto;}
@media only screen and (max-width: 799px){
	.inner9{width:94%;}
}

/*----------------------------------------------------------
リスト
----------------------------------------------------------*/
ul.maru{list-style: disc;}
ul.maru li.li15-20{margin:0 0 20px 1.5em;}
ul.maru li.li15-30{margin:0 0 30px 1.5em;}
ul.maru li.li15-5{margin:0 0 5px 1.5em;}


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

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

/*----------------------------------------------------------
トップ　こんな悩み
----------------------------------------------------------*/
.title_nayami{font-size:40px;font-weight:bold;margin-bottom:1em;}
.title_nayami-big{font-size:40px;font-weight:bold;color:#ffa500;}

.subtitle{font-size:28px;font-weight:bold;text-align:left;margin-bottom:1em;margin-left:.5em;}

.boxnayami-back{background-color:#f5f5f5;padding:2em 1em;}/*こんな悩みバック 薄青色*/
.boxnayami{display:flex;gap:20px;flex-direction:row;width:100%;align-items:flex-start;}
.boxnayami-p{width:calc(100% - 350px);}
.boxnayami-img{width:350px !important;}
.boxnayami-img img{width:100%;}

.boxnayami-p ul{}
.boxnayami-p li{padding-left:25px;margin-bottom:1em;font-size:18px;position: relative;}
.boxnayami-p li:before {
    content: "";
    position: absolute;
    top: .40em;
    left: 7px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 4px;
    height: 10px;
    border-right: 2px solid #8b6b4e;
    border-bottom: 2px solid #8b6b4e;
  }
 
.boxnayami-p li:after {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #8b6b4e;
    border-radius: 2px;
  }

@media screen and (max-width: 799px) {
	.title_nayami{font-size:20px;font-weight:bold;}
	.title_nayami-big{font-size:26px;font-weight:bold;color:#ffa500;}

	.subtitle{font-size:22px;font-weight:bold;text-align:center;margin-bottom:0.5em;}
	.boxnayami-back{padding:1em 0.5em;}
	.boxnayami{flex-direction:column;}
	.boxnayami-img{width:100%;}
	.boxnayami-p{width:100%;}
	.boxnayami-img img{width:100%;}

	.boxnayami-p ul{}
	.boxnayami-p li{font-size:16px;}

}

/*----------------------------------------------------------
比較テーブル
----------------------------------------------------------*/
table.hikaku{width:100%;table-layout:fixed;}
table.hikaku th{padding:10px;border:solid 1px;line-height:1.5;background-color:#e6e6fa;}
table.hikaku td{padding:10px;border:solid 1px;font-size:15px;vertical-align:middle;}
table.hikaku th:nth-child(1){width:80px;}
table.hikaku th:nth-child(3){background-color:#f5ecdc;}
@media screen and (max-width: 799px) {
	table.hikaku th{padding:5px;}
	table.hikaku td{padding:5px;vertical-align:top;}
	table.hikaku th:nth-child(1){width:60px;text-align:center;}
}

/*----------------------------------------------------
 回り込みを終了する定型表現。
------------------------------------------------------ */
.clearfix { zoom: 1;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;	
}
/*画像と文書を並べて表示時する*/
.inner_l{float:left ;}/*左側に配置する*/
.inner_r{float:right;}

/*----------------------------------------------------
 画像、文章横並び
------------------------------------------------------ */
.boxflex{display:flex;gap:0 30px;}
.boxp{width:300px;}
.boximg{width:calc(100% - 300px);}
.boximg img{width:300px;max-width:100%;padding-top:20px;}

@media screen and (max-width: 799px) {
	.boxflex{display:flex;gap:20px 0;flex-direction:column;}
	.boxp{width:100%;}
	.boximg{width:100%;}
	.boximg img{width:300px;max-width:100%;}

}

/*----------------------------------------------------
 身近できちんとした専門診療を受けたい方！
------------------------------------------------------ */
.title-senmon{font-size:30px;font-weight:bold;text-align:center;}
@media screen and (max-width: 799px) {
	.title-senmon{font-size:24px;font-weight:bold;}
}
/*-------------------------------------------------------------
Q&A
-------------------------------------------------------------*/
.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: 27px;
    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: 15px 20px 15px 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: 20px;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #3285bf;
}
.qa-list dl dd::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #3285bf;
}
.qa-list dl dd {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
}
.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: 20px 0 0;
}
.qa-list dl:after {
    top: 15px;
    right: 20px;
    width: 7px;
    height: 7px;
}
.qa-list dl dt {
    padding: 5px 35px 5px 35px;
    font-size: 16px;
}
.qa-list dl dt::before {
    font-size: 16px;
    top: 10px;
    left: 10px;
}
.qa-list dl dd::before {
    font-size: 16px;
    left: 10px;
    margin-top: 5px;
}
.qa-list dl dd {
    margin: 0;
    padding: 16px 16px 16px 30px;
    font-size: 16px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}
}