@charset "utf-8";

section{
	width:min(95%,1200px);
	margin:0 auto;
}

/*--------------------------------


	メインビジュアル


--------------------------------*/

#main_vew{
	width:95%;
	/*min-height:100svh;*/
	margin:0 auto;
	padding:10px 0;
	display: flex;
	justify-content:center;
	align-items: center;
	/*position: relative;*/
}

#main_vew .inner{
	width:100%;
	display: flex;
	justify-content:space-around;
}
#mainvew_photo{
	/*flex:2;*/
	width: 51.4vw;
	/*max-width:980px;*/
	line-height: 0;
}

#mainvew_photo img{
	width:100%;
	height: auto;
	border-radius: 10px;
}

#mainvew_text{
	/*flex:1;
	max-width:700px;*/
	width:38.7vw;
	text-align: center;
	display: flex;
	flex-direction: column;
}

#mainvew_text .text{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 700;
}

#mainvew_text .text_inner{
	font-size:1.15rem;
}

#mainvew_text .text h1{
	font-size:2vw;
	line-height: 2;
	margin-bottom:20px;
	font-weight: 700;
	/*color:#55894B;*/
}

#mainvew_text .text h1 span{
	font-size:1.8vw;
}

#mainvew_text .text .ico{
	display: flex;
	justify-content: center;
	gap:0 30px;
	margin-top:30px;
}

#mainvew_text .text .ico_item{
	width:180px;
	aspect-ratio:1/1;
	background: #E295BC;
	background: -webkit-linear-gradient(bottom, #DC73A8 100%, #E295BC 0%);
	background: -o-linear-gradient(bottom, #DC73A8 100%, #E295BC 0%);
	background: linear-gradient(to top, #DC73A8 100%, #E295BC 0%);
	border-radius: 50%/50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size:28px;
	font-weight: 700;
	line-height: 1.4;
}

#mainvew_text .text .ico_item:first-child{
	font-size:25px;
}
#mainvew_text .photo{
	width:100%;
	line-height: 0;
}

#mainvew_text .photo img{
	width:100%;
	height: auto;
	border-radius: 10px;
}

/*--------------------------------------

	レスポンシブ

--------------------------------------*/
@media screen and (orientation: portrait) {
   #main_vew{
	   padding-top:50px;
	}
}
@media screen and (max-width: 1300px){
	#mainvew_text .text h1{
		font-size:1.8vw;
	}
	#mainvew_text .text .ico_item{
		width:12vw;
		font-size:1.6vw;
		background-color: aqua;
	}
	
	#mainvew_text .text .ico_item:first-child{
		font-size:1.5vw;
	}
	/*#mainvew_text .text h2{
		font-size:2.5vw;
	}*/
}

@media screen and (min-width: 0) and (max-width: 980px){
	#main_vew .inner{
		flex-direction: column;
	}
	
	#mainvew_photo{
		width:100%;
	}
	
	#mainvew_text{
		width:100%;
		display: block;
	}
	
	#mainvew_text .text{
		padding:30px 0;
	}
	
	#mainvew_text .text h1{
		font-size:2.3rem
	}
	
	#mainvew_text .text h1 span{
		font-size:2.5rem;
	}

	
	#mainvew_text .text .ico_item{
		width:130px;
		font-size:1.5rem;
	}
	
	#mainvew_text .text .ico_item:first-child{
		font-size:1.2rem;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#main_vew{
		width:98%;
	   padding-top:0;
		
	}
	
	#mainvew_text .text h1{
		font-size:1.6rem;
		font-weight: 700;
	}
	
	#mainvew_text .text h1 span{
		font-size:1.8rem;
	}
	
	#mainvew_text .text_inner{
		font-size:1.05rem;
	}
	
	#mainvew_text .text .ico_item{
		/*width:100px;*/
		flex:1;
		font-size:1.2rem;
	}
	
	#mainvew_text .text .ico_item:first-child{
		font-size:1.2rem;
	}
}


/*--------------------------------------


	News



--------------------------------------*/

section#news{
	width:min(95%,1200px);
	padding:100px 0;
	display: flex;
}

#news h2{
	font-size:1.5rem;
	margin-right:30px;
	color:#639A30;
}

#news_main{
	flex:1;
	border-left:1px solid #DADADA;
	padding:15px 0 15px 30px;
}

#news_main .today{
	padding-bottom:15px;
}

#news_main dl{
	border-top: 1px dotted #C0C0C0;
}

#news_main dt{
	padding-top:15px;
}

#news_main dd{
	padding-bottom:15px;
	border-bottom: 1px dotted #D4D4D4;
}


/*--------------------------------------

	レスポンシブ

--------------------------------------*/

@media screen and (min-width: 0) and (max-width: 980px){
	section#news{
		padding:80px 0;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	section#news{
		display: block;
		padding:20px 0;
	}
	
	#news h2{
		margin-right:0;
		border-bottom:1px solid #DADADA;
		margin-bottom:10px;
	}
	
	#news_main{
		flex:none;
		padding-left:0;
		border-left:none;
	}
}

/*--------------------------------------


	イメージ


--------------------------------------*/

#image{
	width:100%;
	height: auto;
	background-image: url("img/move_back.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 0;
}

#image img{
	width:min(100%,1400px);
	height: auto;
	
}

/*--------------------------------------


	トピック


--------------------------------------*/

section#cov{
	margin:100px auto 50px auto;
	border:1px solid #DADADA;
	border-radius: 5px;
	padding:5px;
	display: flex;
	/*position: relative;*/
}


/*#cov_main{
	width:100%;
	display: flex;
}*/

#cov_main_photo{
	width:260px;
	margin-right:40px;
	line-height: 0;
}

#cov_main_photo img{
	width:260px;
	height: auto;
	border-radius: 6px;
	object-fit: cover;
	object-position:bottom;
}

#cov_main_text{
	flex:1;
	display: flex;
	flex-direction: column;
}

#cov_main_text .date{
	font-size:0.9rem;
	text-align: right;
	line-height: 1.4;
	margin-bottom:10px;
	
}
section#cov h2{
	font-size:1.25rem;
	color:#fff;
	font-weight: 700;
	height: 60px;
	padding:0 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #C70A5F;
	border-radius: 5px;
	margin-bottom:30px;
	line-height: 1.2;
}

section#cov ul{
	margin-top:20px;
}

section#cov li{
	width:100%;
	display: flex;
	margin-bottom:20px;
}

section#cov li:last-child{
	margin-bottom:0;
}

section#cov li .no{
	width:40px;
}

section#cov li .no p{
	width:40px;
	line-height: 40px;
	aspect-ratio:1/1;
	background-color: #C70A5F;
	border-radius: 50%/50%;
	font-size:30px;
	font-weight: 800;
	color:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

section#cov li .text{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*line-height: 1.6;*/
	margin-left:10px;
	font-size:1.05rem;
	font-weight: 700;
	
}

/*--------------------------------------

	レスポンシブ

--------------------------------------*/

@media screen and (min-width: 0) and (max-width: 980px){
	#cov_main_photo{
		margin-right:4vw;
	}
	
	#cov_main_photo,
	#cov_main_photo img{
		width:26.5vw;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	section#cov h2{
		text-align: center;
	}
	#cov_main_photo,
	#cov_main_photo img{
		display: none;
	}
}

/*--------------------------------------


	トピック


--------------------------------------*/


section#topic{
	border:1px solid #DADADA;
	border-radius: 5px;
	padding:30px 20px;
	margin-bottom:100px;

}


section#topic li{
	width:100%;
	display: flex;
	margin-bottom:15px;
}

section#topic li .ico{
	width:95px;
	line-height: 0;
}

section#topic li .ico img{
	width:100%;
	height: auto;
	border-radius: 5px;
}

section#topic li .text{
	flex:1;
	margin-left:20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

section#topic li .text-main{
	display: flex;
}

section#topic li .text-main::before{
	content:'●';
	color:#CFEA9C;
	font-size:10px;
	width:10px;
	height: 1em;
	display: block;
	line-height: 1;
	margin-right:3px;
	margin-top:1em;
}

section#topic li .text strong{
	font-weight: 700;
	display: inline-block;
	font-size:1.05em;
	text-indent: 0;
}

/*--------------------------------------

	レスポンシブ

--------------------------------------*/

@media screen and (min-width: 0) and (max-width: 430px){
	section#topic{
		padding:0 15px;
	}
	section#topic li{
		flex-direction: column;
		border-bottom: 1px dotted #D4D4D4;
		padding:25px 0;
		margin-bottom:0;
	}
	
	section#topic li:last-child{
		border-bottom: none;
	}
	
	section#topic li .ico{
		width:120px;
		margin:0 auto 10px;
	}
	
	section#topic li .text{
		margin-left:0;
	}
}
/*--------------------------------------


	診療科目


--------------------------------------*/

#medical{
	padding:50px 0 100px 0;
}

#medical h2{
	margin-bottom:50px;
}

#medical .inner{
	width:min(95%,1400px);
}

#medical .inner{
	width:100%;
	height: auto;
}