@charset "utf-8";

.nav3 a span{
background: linear-gradient(transparent 65%, #F3B2C1 35%);
}
/*----------------------------*/
#main_img{
	background: url(../img/clinic/main_img.jpg) no-repeat center/cover;
}
/*---------------------------------*/
#sec1{
	text-align: center;
	padding: 35px 0 55px;
	background-image: url(../img/clinic/sec1_bg01.png),url(../img/clinic/sec1_bg02.png);
	background-position: 0 260px,top 260px right 0;
	background-repeat: no-repeat;
}
#sec1 h2{
	background: url(../img/clinic/sec1_img01.png) no-repeat center right 30%;
}
#sec1 h3{
	font-size: 28px;
	color: #333;
	padding: 30px 0 50px;
}
.sec1_img{
	padding: 50px 0;
}
.sec1_text01{
	line-height: 2.0;
}
/*--------------------------------------*/
#sec2{
	background-color: #FFF2DD;
	background-image: url(../img/clinic/sec2_bg01.png),url(../img/clinic/sec2_bg02.png);
	background-position: bottom 0 left 20px,bottom 0 right 0;
	background-repeat: no-repeat;
	padding: 20px 0 70px;
	text-align: center;
}
.sec2_text{
	padding: 15px 0 20px;
}
/*------------------------------------*/
#sec3{
	padding: 50px 0 120px;
}
#sec3 h2{
	margin-bottom: 40px;
}
.sec3_img{
	width: 35%;
}
.sec3_text{
	width: 60%;
	line-height: 1.8;
	background: url(../img/clinic/sec3_img02.png) no-repeat center center;
}
/*------------------------------------*/
#sec4 h2{
	padding-bottom: 35px;
}
#sec4 .flex_02{
	flex-wrap: wrap;
}
.sec4_box{
	width: 33.33%;
	text-align: center;
}
.sec4_text{
	padding: 15px 0 60px;
}
/*------------------------------------*/
#sec5 h2{
	padding: 60px 0 20px;
}
#sec5 .map{
	width: 100%;
	height: 400px;
}
#sec5 iframe{
	width: 100%;
	height: 100%;
}
@media screen and (max-width:1370px) {
#sec1{
		background-image: none;
}
#sec1 h2{
	background: url(../img/clinic/sec1_img01.png) no-repeat center right 25%;
}
.sec1_text01{
		text-align: left;
		width: 90%;
		margin: 0 5%;
}
.sec1_text01 br{
		display: none;
}
}
@media screen and (max-width: 639px) {
	#sec1{
		padding: 20px 0;
	}
	#sec1 h3{
	font-size: 20px;
	padding: 20px 0;
}
.sec1_text01{
		width: 100%;
		margin: 0;
	line-height: 1.8;
}
.sec1_img{
	padding: 20px 0;
}
/*-----------------------------------*/
#sec2{
	background-image: none;
	padding: 30px 0;
}
	#sec2 .flex_01 p{
		margin-bottom: 15px;
	}
/*------------------------------------*/
#sec3{
	padding: 30px 0;
}
#sec3 h2{
	margin-bottom: 20px;
}
.sec3_img{
	width: 100%;
	margin-bottom: 15px;
}
.sec3_text{
	width: 100%;
}
/*------------------------------------*/
#sec4 h2{
	padding: 30px 0;
}
.sec4_box{
	width: 100%;
}
.sec4_text{
	padding: 10px 0 20px;
}
/*------------------------------------*/
#sec5 h2{
	padding: 30px 0;
}
#sec5 .map{
	height: 250px;
}

}