@charset "utf-8";



@media screen and (min-width:768px){
/*pc・タブレットcss*/


/* ++++++++++++++++ */

#about{
	padding-bottom:8vw;
	background-color:#fff;
}
#about .contact-bnr{
	max-width:760px;
	margin: 0 auto 5vw;
}
#about .flow{
	margin-bottom:5vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#about .flow li{
	padding:30px;
	width:calc(100% / 3);
	border-left: dashed 1px #83CCD2;
	text-align:center;
}
#about .flow li:last-child{
	border-right: dashed 1px #83CCD2;
}
#about .flow .icon {
	width:190px;
	height:190px;
	padding:34px;
	background-color:#83CCD2;
	border-radius:10000px;
	margin: 0 auto 20px;
}
#about .flow .ttl {
	position: relative;
	margin-bottom:10px;
	font-size: 22px;
	font-weight: 700;
	color: #666666;
}


#about .about-con{
	margin-bottom:8vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#about .about-con:nth-child(2n) {
	margin-bottom:0;
}
#about .about-con .ph{
	width:50%;
}
#about .about-con:nth-child(2n) .ph{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}
#about .about-con .txt{
	width:45%;
}
#about .about-con .txt .ttl{
	position:relative;
	display:inline-block;
	font-size:30px;
	line-height:1.3;
	padding-left:36px;
	margin-bottom:10px;
}
#about .about-con .txt .ttl:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:18px;
	height:18px;
	margin-top:-9px;
	background-color:#83CCD2;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#about .about-con .txt .list{
	margin-bottom:30px;
	padding:20px;
	background-color:#F5F5F5;
	border-radius:10px;
}
#about .about-con .txt .list li{
	position:relative;
	text-indent:-1.5em;
	padding-left:1.5em;
}
#about .about-con .txt .list li:before {
  content: "● ";
  color:#43B0BA;
}

/* ++++++++++++++++ */

#doctors{
	position:relative;
	padding:8vw 0;
	margin-bottom:10vw;
}
#doctors:before{
	content:"";
	position:absolute;
	bottom:-10vw;
	left:0;
	height:10vw;
	width:100%;
	background-color:#fff;
}
#doctors .lead-txt{
	margin-bottom:5vw;
	text-align:center;
}
#doctors .ttl01{
	text-align:center;
}
#doctors .doctors-list {
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#doctors .doctors-list li {
	width:18%;
	margin-right:2.5%;
	margin-bottom:2.5%;
}
#doctors .doctors-list li a {
	display:block;
	width:100%;
	height:100%;
	padding:20px 0;
	background-color:#fff;
	text-align:center;
	border-radius:20px;
	color:#333;
	text-decoration:none;
	-webkit-transition: all .4s; transition: all .4s;
	
}
#doctors .doctors-list li:nth-child(5n) {
	margin-right:0;
}
#doctors .doctors-list .icon {
	width:150px;
	height:150px;
	margin: 0 auto;
}

#doctors .doctors-list .name{
	position:relative;
}
#doctors .doctors-list .name:before{
	content:"";
	position:absolute;
	top:50%;
	right:1vw;
	margin-top:-0.6vw;
	width:1.2vw;
	height:1.2vw;
	border-radius:1000px;
	border: solid 1px #42B0BA;
	-webkit-transition: all .4s;
	transition: all .4s;
}
#doctors .doctors-list .name:after{
	position:absolute;
	top:50%;
	right:0%;
	content:"";
	width: 0.4vw;
	height: 0.4vw;
	margin-right:1.5vw;
	margin-top:-0.15vw;
	border-top: 1px solid #42B0BA;
	border-right: 1px solid #42B0BA;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s;
	transition: all .4s;
}


#doctors .doctors-list li a:hover{
	opacity:1;
	background-color:rgba(131,204,210,0.9);
	color:#fff;
}

#doctors .doctors-list a:hover .icon img {
	filter: brightness(0) invert(1);
}
#doctors .doctors-list a:hover .name:before{
	border: solid 1px #fff;
}
#doctors .doctors-list a:hover .name:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}



#doctors .doctors-list li .comingsoon {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:20px 0;
	background-color:#FAFAFA;
	text-align:center;
	border-radius:20px;
	color:#999;
	text-decoration:none;
}
#doctors .doctors-list li .comingsoon:before{
	content:"COMING SOON";
	position:absolute;
	top:50%;
	left:0;
	z-index:2;
	margin-top:-1em;
	width:100%;
	text-align:center;
	padding:10px 0;
	background:rgba(0,0,0,0.2);
	font-family: "Montserrat", sans-serif;
	font-size:18px;
	color:#fff;
	
}
#doctors .doctors-list .comingsoon img {
	filter: grayscale(100%);
	opacity:0.7;
}
#doctors .doctors-list .comingsoon .name:before{
	border: solid 1px #999999;
}
#doctors .doctors-list .comingsoon .name:after{
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}





}

@media screen and (min-width:768px) and ( max-width:1280px) {
}





@media (max-width: 768px) {
	
	/* ++++++++++++++++ */
	
	#about{
		padding-bottom:8vw;
		background-color:#fff;
	}
	
	#about .contact-bnr{
		margin-bottom:8vw;
	}
	
	#about .flow{
		margin-bottom:10vw;
	}
	#about .flow li{
		padding:5vw;
		border-bottom: dashed 1px #83CCD2;
	}
	#about .flow .icon {
		width:20vw;
		height:20vw;
		padding:5vw;
		background-color:#83CCD2;
		border-radius:10000px;
		margin: 0 auto 3vw;
	}
	#about .flow .ttl {
		position: relative;
		margin-bottom:2vw;
		font-size:18px;
		font-weight: 700;
		color: #666666;
		text-align:center;
	}
	
	
	
	#about .about-con{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
		margin-bottom:10vw;
	}
	#about .about-con:nth-child(2n) {
		margin-bottom:0;
	}
	
	#about .about-con .ph{
		width:100%;
		margin-bottom:5vw;
		-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
	}
	#about .about-con .txt{
		width:100%;
	}
	#about .about-con .txt .ttl{
		position:relative;
		display:inline-block;
		font-size:18px;
		line-height:1.3;
		padding:0 20px;
		margin-bottom:5vw;
	}
	#about .about-con .txt .ttl:before{
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:14px;
		margin-top:-7px;
		background-color:#83CCD2;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#about .about-con .txt .ttl:after{
		content:"";
		position:absolute;
		top:50%;
		right:0;
		width:14px;
		height:14px;
		margin-top:-7px;
		background-color:#83CCD2;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#about .about-con .txt .list{
		margin-bottom:5vw;
		padding:5vw;
		background-color:#F5F5F5;
		border-radius:10px;
	}
	#about .about-con .txt .list li{
		position:relative;
		text-indent:-1.5em;
		padding-left:1.5em;
	}
	#about .about-con .txt .list li:before {
	  content: "● ";
	  color:#43B0BA;
	}
	
	/* ++++++++++++++++ */
	
	#doctors{
		padding:8vw 0;
		margin-bottom:10vw;
	}
	#doctors .ttl01{
		text-align:center;
	}
	#doctors .lead-txt{
		margin-bottom:5vw;
		text-align:center;
	}
	#doctors .ttl01{
		text-align:center;
	}
	#doctors .doctors-list {
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#doctors .doctors-list li {
		width:47.5%;
		margin-right:5%;
		margin-bottom:5%;
	}
	#doctors .doctors-list li a {
		display:block;
		width:100%;
		height:100%;
		padding:2vw 0 4vw;
		background-color:#fff;
		text-align:center;
		border-radius:10px;
		color:#333;
		text-decoration:none;
		-webkit-transition: all .4s; transition: all .4s;
		
	}
	#doctors .doctors-list li:nth-child(2n) {
		margin-right:0;
	}
	#doctors .doctors-list .icon {
		width:30vw;
		height:30vw;
		margin: 0 auto;
	}
	
	#doctors .doctors-list .name{
		position:relative;
	}
	#doctors .doctors-list .name:before{
		content:"";
		position:absolute;
		top:50%;
		right:2vw;
		margin-top:-1.8vw;
		width:4vw;
		height:4vw;
		border-radius:1000px;
		border: solid 1px #42B0BA;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	#doctors .doctors-list .name:after{
		position:absolute;
		top:50%;
		right:0%;
		content:"";
		width:1.4vw;
		height:1.4vw;
		margin-right:3.55vw;
		margin-top:-0.38vw;
		border-top: 1px solid #42B0BA;
		border-right: 1px solid #42B0BA;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	
	
	#doctors .doctors-list li .comingsoon {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		padding:2vw 0 4vw;
		background-color:#FAFAFA;
		text-align:center;
		border-radius:10px;
		color:#999;
		text-decoration:none;
	}
	#doctors .doctors-list li .comingsoon:before{
		content:"COMING SOON";
		position:absolute;
		top:50%;
		left:0;
		z-index:2;
		margin-top:-1em;
		width:100%;
		text-align:center;
		padding:2vw 0;
		background:rgba(0,0,0,0.2);
		font-family: "Montserrat", sans-serif;
		font-size:14px;
		color:#fff;
	}
	#doctors .doctors-list .comingsoon img {
		filter: grayscale(100%);
		opacity:0.7;
	}
	#doctors .doctors-list .comingsoon .name:before{
		border: solid 1px #999999;
	}
	#doctors .doctors-list .comingsoon .name:after{
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
	}
	
	








}








