/* 共通 */
section article.contents {
	padding: 40px 0px;
}
/* MV */
.pagetitle .mv_img {
    background: top / cover no-repeat url(../images/examination/main.jpg);
}

/* 診療案内 */
section article.specialty #general,
section article.specialty #specialty1,
section article.specialty #specialty2,
section article.specialty #specialty3 {
	padding-top: 90px;
	margin-top: -90px;
}

section article.specialty .general {
    margin-bottom: 40px;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    gap: 2em;
}
section article.specialty .general img {
}

section article.specialty ul {
    list-style: none;
}
section article.specialty li {
    display: flex;
    flex-direction: column-reverse;
    gap: 2em;
    margin-bottom: 4em;
}
section article.specialty dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.8rem;
    padding-bottom: .5em;
    border-bottom: solid 1px #d3d3d3;
    margin-bottom: 1em;
}
section article.specialty dt span {
	font-weight: bold;
    color: #ec541f;
    padding: 1% 2%;
    border: solid 1px #ec541f;
}
section article.specialty img {
    width: 100%;
}


@media (min-width: 360px) {
}

@media (min-width: 414px) {
}

@media (min-width: 768px) {
section article.specialty #general,
section article.specialty #specialty1,
section article.specialty #specialty2,
section article.specialty #specialty3 {
	padding-top: 130px;
	margin-top: -130px;
}

/* 共通 */
section article.contents {
    padding: 60px 0px;
}

/* 診療案内 */
section article.specialty .general {
    margin-bottom: 60px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
}
section article.specialty .general img {
    width: 30%;
}
section article.specialty .general div {
    width: 64%;
}

section article.specialty li {
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    gap: 0;
}
section article.specialty dl {
    width: 64%;
}
section article.specialty img {
    width: 30%;
}
}

@media (min-width: 1200px) {
section article.specialty #general,
section article.specialty #specialty1,
section article.specialty #specialty2,
section article.specialty #specialty3 {
	padding-top: 150px;
	margin-top: -150px;
}

/* 共通 */
h2.sub {
    margin-bottom: 60px;
}
h2.sub .jp_title {
    font-size: 3.2rem;
}




/* 診療案内 */
section article.contents {
    padding: 100px 0px;
}
section article.specialty .general {
    margin-bottom: 80px;
}
section article.specialty li {
    margin-bottom: 6em;
}
section article.specialty dt {
    font-size: 26px;
}
}


@media (max-width: 1200px) {
	h2.sub .jp_title {
	    font-size: 20px;
	}
}



#ect{
	& p{ font-size: 16px; line-height: 2.2;

			@media (max-width: 768px) {
				font-size: 14px; line-height: 1.6;
			}
		
		.strong{ font-weight: 700; color: #ec541f; }
	}
	
	.mb_bottom{
		margin-bottom: 80px;
	}
	
	.figure_ect{
		max-width: 790px; margin: 60px auto 80px; width: 100%;
		& img{ width: 100%; height: auto;}
		& figcaption{ font-size: 14px; color: #888888; padding: 0 1%; @media (max-width: 768px) { font-size: 12px;} }
	}
	
	.syuyoutaisyo{
		margin: 30px 0;
		& dt{
			border: 1px solid #ec541f;
			padding: 10px 40px;
			font-size: 18px;
			color: #ec541f;
			display: inline-block;
			@media (max-width: 1200px) {
				font-size: 16px;
				padding: 5px;
				display: block;
				text-align: center;
			
			}
		}
		& dd{ font-size: 16px;
		      margin: 20px 40px;

				@media (max-width: 768px) {
					margin: 10px;
				}

			& ul{
				list-style: none;
				line-height: 2;
                margin-bottom: 30px;

			@media (max-width: 768px) {
				font-size: 14px; line-height: 1.6;
			}

				& li{
					font-weight: 700;
					padding: 0 0 0 1em;
                    position: relative;
                    margin-bottom: 10px;
					.small{ font-weight: 400;}
				}

				& li:before {
					content: "";
                    background-color: #ec541f;
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    border-radius: 50%;
                    top: 8px;
                    left: 0;
				}

			}
		}
	}
	
	.caution_list{
				list-style: none;
				line-height: 2;
				font-size: 14px;

				@media (max-width: 768px) {
					font-size: 12px; line-height: 1.6;
				}

				& li{
					padding: 0 0 0 1.2em;
                    position: relative;
				}

				& li:before {
					content: "※";
                    position: absolute;
                    left: 0;
				}
	}
	.example_list{
				list-style: none;
				line-height: 2;
				font-size: 14px;

				@media (max-width: 768px) {
					font-size: 12px; line-height: 1.6;
				}

				& li{
					padding: 0 0 0 2.5em;
                    position: relative;
					& span{
	                    position: absolute;
	                    left: 0;
					}	
				}

	}
	
	.text_center{
		text-align: center;
		}
	
	.flow{
		list-style: none; margin: 30px auto;

		& li{ background-color: #f8f3ef; margin: 0 0 20px 0;
			& dl{
				display: flex; align-items: center;

				@media (max-width: 1200px) {
					display: block;
				}

				 & dt{ display: flex; align-items: center; width: 350px;
				 	& span{
				 		width: 37px;
                        height: 37px;
                        color: #fff;
                        font-size: 18px;
                        background-color: #ec541f;
                        display: inline-block;
                        margin: 15px;
                        border-radius: 5px;
                        text-align: center;
                        font-weight: 700;
                        padding-top: 3px;

						@media (max-width: 768px) {
							font-size: 16px;
							width: 30px;
							height: 30px;
	                        padding-top: 2px;

						}

				 	}
				 	& div{
                        font-weight: 700;
                        font-size: 18px;

						@media (max-width: 768px) {
							font-size: 16px;
						}


				 	}
				 }
				 & dd{
				 	font-size: 16px;
				 	
				 	@media (max-width: 1200px) {
						padding: 0 15px 15px;
				 	}
					@media (max-width: 768px) {
						font-size: 14px; line-height: 1.6;
					}


				 }
			}
		}
	}
	
	.merit{
		max-width: 1200px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		margin: 60px auto;
		
		@media (max-width: 768px) { margin: 30px auto; }
		
		& li{
			border: 1px solid #ec541f;
			padding: 10px 20px;
			display: flex;
			margin: 10px 20px;
			width: 46%;
			align-items: center;
			
			@media (max-width: 768px) {
				width: 100%;
			}
			
			& div{ 
				text-align: center;
				font-size: 18px;
				width: 100%;
				color: #ec541f;
				font-weight: 700;
				@media (max-width: 768px) {
					font-size: 16px;
					& br{ display: none;}
				}
				
				.small{
					font-size: 14px;
					font-weight: 200;
					display: block;
					color: #ec541f;
				}

			}
		}
	}
	
	.pointsnote_list{
				list-style: none;
				line-height: 2;
				font-size: 16px;

				@media (max-width: 768px) {
					font-size: 14px; line-height: 1.6;
				}
				& li{
					padding: 0 0 0 1em;
                    position: relative;
                    margin-bottom: 10px;
				}

				& li:before {
					content: "";
                    background-color: #ec541f;
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    border-radius: 50%;
                    top: 8px;
                    left: 0;
				}

			}
	
	.shiyokiki{
		display: flex;
		max-width: 1100px;
		justify-content: center;
		
		@media (max-width: 768px) {
			display: block;
		}
		
		.text{
			width: 50%;
			display: flex;
			align-items: center;

			@media (max-width: 768px) {
				width: 100%;
			}

			& div{
				@media (max-width: 768px) {
					width: 100%;
				}
			}

			
			& h3{
				border: 1px solid #ec541f;
				padding: 10px 20px;
				font-size: 18px;
				text-align: center;
				color: #ec541f;
				margin: 0 0 20px;
				font-weight: 700;				

				@media (max-width: 768px) {
					width: 100%;
					margin-top: 30px;
					font-size: 16px;
				}

			}
		}
		.image{
			width: 50%;
			@media (max-width: 768px) {
				width: 80%;
				margin: 10px auto;
				
			}
			& img{ width: 100%; height: auto;}

		}
	}
	
	.shiyokiki + .shiyokiki{
		flex-direction: row-reverse;
	}
	
	.underlline{
		text-decoration: underline;
	}
	
	.accordion{
		margin: 60px auto 80px;
		border: 1px solid #ec541f;
		.show{
			text-align: center;
			font-size: 24px;
			padding: 10px 20px;
			position: relative;
			color: #ec541f;
            cursor: pointer;
            @media (max-width: 768px) { font-size: 18px; }
            
		}
		
		.show:before {
					content: "＋";
                    position: absolute;
                    right: 40px;
                    color;#ec541f
				}
		
		.close{
			text-align: right;
			font-size: 24px;
			padding: 10px 2em 10px 20px;
			position: relative;
			color: #ec541f;
            cursor: pointer;
            display: none;
            @media (max-width: 768px) { font-size: 18px; padding: padding: 10px 2.5em 10px 20px; }
		}
		
		.close:before {
					content: "－";
                    position: absolute;
                    right: 20px;
                    color;#ec541f
				}
		.accordion_content{
			max-width: 1050px; width: 94%; margin: 50px auto; display: none;
			& h3{ padding: 30px 20px; background-color: #f8f3ef; font-size: 20px; .bold{ font-weight: 700; @media (max-width: 768px) { display: block;} }
			
						@media (max-width: 1200px) { font-size: 16px; padding: 10px; margin-bottom: 10px; }
			
			 }
			
			.keika{
				.title{  font-weight: 700; font-size: 24px;
				
						@media (max-width: 1200px) { font-size: 16px; }
				}
				.keika_list{
					margin: 1em 10px;
					padding: 15px 30px 30px;
					border-left: 10px solid #f8f3ef;
					
					& dl{
						& dt{ font-size: 18px; color: #383b40;}
						& dd{ font-size: 14px;  #383b40;}
					}
					& ul{
						list-style: none;
						display: flex;
						margin: 15px 0 30px;
						@media (max-width: 768px) {
							flex-wrap: wrap;
						}

						& li{ width: 180px; margin: 0 15px 15px 0;
							& img{ width: 100%; height: auto;}

								@media (max-width: 1200px) {
									width: 16%;
								}
								@media (max-width: 768px) {
									width: 24%;
								}
						}
					}
					
				}
			}
			
		
		}
	}
	
	.faq{
		margin-bottom: 80px;
		& dt{ font-size: 16px; background-color: #f8f3ef; margin-bottom: 10px; display: flex; align-items: center;
			
			@media (max-width: 768px) {
				font-size: 14px;
			}
		
			& span.q{ width: 50px; background-color: #ec541f; color: #fff; text-align: center; font-weight: 700; display: inline-block; margin-right: 10px; padding: 5px 0;
			
				@media (max-width: 768px) { width: 30px;}
			}
		}
		& dd{
			font-size: 16px; line-height: 2;
			margin-bottom: 15px;
			padding: 0 60px;
			@media (max-width: 768px) {
				font-size: 14px;
				line-height: 1.6;
				padding: 0 0 15px;
			}
		}
	}
	
	.link_list{
				list-style: none;
				line-height: 2;
				font-size: 14px;

					@media (max-width: 768px) {
						font-size: 12px;
						line-height: 1.6;
					}

				& li{
					font-weight: 500;
					padding: 0 0 0 1em;
                    position: relative;
                    margin-bottom: 10px;
                    color: #383b40;
                    
                    & a{
						font-weight: 300;
                    	color: #ec541f;
                    	text-decoration: underline;
                    }
				}

				& li:before {
					content: "";
                    background-color: #383b40;
                    width: 8px;
                    height: 8px;
                    position: absolute;
                    border-radius: 50%;
                    margin-top: 7px;
                    left: 0;
				}

			}

}