@charset "utf-8";

/*メイン画像エリア*/
#main_area{position:relative;}
#main_area img{
	width:100%;
	height: 400px;
	object-fit:cover;
}
#main_area p.copy{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; /*"A1明朝",*/
	white-space: nowrap;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%);
	font-size:2.0vw;
	letter-spacing: 0.2vw;
	text-align: center;
	color:#000;
}
/*診療時間*/
.tihours span{padding:0.5rem 3rem;}
.tihours span::before{content:"Office hours";}/*見出し*/
.ti3_hour::after{content: "SCHEDULE";}
.ti3_kensa::after{content: "CHECK UP";}

/*交通アクセス*/
.tiaccess span{padding:0.5rem 3rem;}
.tiaccess span::before{content:"Access";}/*見出し*/
.clinfo {align-items:center; }
.clinfo img{width:48%;display:block; height: auto;}
.clinfo dl{border:1px solid #cccccc;padding:20px;}
.clinfo dl div{display:flex;padding:0 0 15px;margin-bottom:15px;}
.clinfo dl div:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}
.clinfo dl dt{width:11rem;color:#000;}
.clinfo dl dd{width:calc(100% - 10em);}

/* レスポンシブ
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	/*交通アクセス*/
	.clinfo dl{width:100% !important;}
	.clinfo img{max-width: 610px; width:100% !important;margin:auto;margin-bottom:30px;}
}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 718px!important;}
	/*メイン画像エリア*/
	#main_area img{
		width:100%;
		height: auto;
		object-fit:fill;
	}
	/*診療時間*/
	.hours img{display:block;margin: auto;}
	.hours div{max-width:610px;width:100%;margin:auto;}
}
/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	/*診療時間*/
	.tihours span{padding:0.3rem 1rem;}
	.tiaccess span{padding:0.3rem 1rem;text-align: center;}
	/*交通アクセス*/
	.clinfo dl div{display:block;padding:0;margin-bottom:15px;}
	.clinfo dl dt,.clinfo dl dd{width:100%;}
	.clinfo dl dt{font-weight: bold;}
}