@charset "utf-8";

/*====================================================================================================

初めての方へ

====================================================================================================*/

/*---------------------
イントロ
---------------------*/

#intro h2{
	text-align: center;
	margin-bottom:20px;
}

#intro{
	margin-bottom:40px; 
}

@media screen and (max-width:800px) {
	#intro{
	margin-bottom:30px; 
}
}

/*---------------------
イントロ
---------------------*/

.profile-cnt{
padding-top:30px;
padding-bottom: 100px;
}

.profile-cnt .inner{
display: grid;
}

.profile-cnt .txt-box.w100{
/*background-color:#f2fff5;*/
}

.profile-cnt .txt-box p:not(:last-child){
margin-bottom: 15px;
font-size: 0.88em;
}

.profile-hdline{
line-height: 1.4;
}

.profile-hdline{
margin-bottom: 20px;
}

.profile-cnt .img-box{
background-image: url("../image/first-doctor.jpg");
background-repeat: no-repeat;

}
.profile-cnt .profile-list{
list-style: none;
}

.profile-cnt .profile-list li{
display: flex;
}

.profile-cnt .profile-list li:not(:last-child){
padding-bottom: 5px;
}

.profile-cnt .affiliation-list{
padding-left: 30px;
padding-bottom: 10px;
display: grid;
grid-auto-flow: column;
}

@media screen and (min-width:1201px) {
.profile-cnt .inner{
grid-template-columns: repeat(2,1fr);
grid-column-gap: 60px;
grid-row-gap: 30px;
}
.profile-cnt .txt-box.w100{
grid-column-start: 1;
grid-column-end: 3;
padding: 30px;
}

.profile-cnt .profile-list li{
font-size: 0.88em;
}

.profile-cnt .profile-list li span{
width: 100px;
margin-right: 20px;
}
.profile-cnt .img-box{
background-size: contain;
height: 400px;
}

}

@media screen and (max-width:1200px) {
.profile-cnt .inner{
max-width: 800px;
margin-left: auto;
margin-right: auto;	
grid-template-columns: repeat(1,1fr);
grid-row-gap: 60px;
}
.profile-cnt .profile-list li{
font-size: 1em;
}

.profile-cnt .profile-list li span{
width: 120px;
margin-right: 30px;
}

.profile-cnt .txt-box.w100{
grid-column-start: 1;
grid-column-end: 2;
padding: 20px;
}

.profile-cnt .img-box{
background-position:center 20% ;
height: 580px;
}

}

@media screen and (min-width:901px) {
.profile-cnt .affiliation-list{
grid-template-rows: repeat(4, 1fr);
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 60px;
font-size: 0.88em;
}

}

@media screen and (max-width:900px) {
.profile-cnt .affiliation-list{
grid-template-rows: repeat(5, 1fr);
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
font-size: 1em;
}
}

@media screen and (max-width:640px) {
.profile-cnt .affiliation-list{
grid-template-rows: repeat(10, 1fr);
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 10px;
}

.profile-cnt .profile-list li{
display: block;
}

.profile-cnt .profile-list li span{
display: block;
}
}

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

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

#staff .inner{
	display: grid;
}


@media screen and (min-width:801px) {
	#staff{
	padding-top: 100px;
	margin-bottom: 100px;
}
	
	#staff .inner{
grid-template-columns: repeat(2,1fr);
grid-row-gap:30px;
grid-column-gap:40px;
}

#staff .inner h2{
grid-column-start: 1;
grid-column-end: 3;
}
}


@media screen and (max-width:800px) {
	#staff{
	padding-top: 60px;
	margin-bottom: 60px;
}
	
		#staff .inner{
grid-template-columns: repeat(1,1fr);
grid-row-gap:30px;
grid-column-gap:40px;
}

}

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

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


#infection-control h2{
	margin-bottom:30px;
}



.infection-control-list{
	list-style: none;
	display: grid;
	counter-reset: number 0;  
}



.infection-control-list li .tag-hd:before{
	  counter-increment: number;
  content: "感染対策" counter(number,decimal-leading-zero) ""; 
}

.infection-control-list li .txt-box{
	background-color: #fff;
	border-bottom: 2px solid #6baaed;
}


@media screen and (min-width:801px) {
	#infection-control{
margin-bottom: 100px;
padding-bottom: 100px;
}
	
	#infection-control h2 + p{
	margin-bottom:60px;
}
	
.infection-control-list{
grid-template-columns: repeat(2,1fr);
grid-row-gap:60px;
grid-column-gap:60px;
}
	
	.infection-control-list li .tag-hd:before{
 line-height: 1.4;
}
	
	.infection-control-list li .txt-box p{
padding: 0 20px 30px;
}
}


@media screen and (max-width:800px) {
	#infection-control{
margin-bottom: 60px;
padding-bottom: 60px;
}
	
	#infection-control h2 + p{
	margin-bottom:40px;
}
	
.infection-control-list{
grid-template-columns: repeat(1,1fr);
grid-row-gap:60px;
grid-column-gap:0px;
}
		.infection-control-list li .tag-hd:before{
 line-height: 1.8;
}
	.infection-control-list li .txt-box p{
padding: 0 20px 20px;
}

}

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

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


#cancel h2{
	text-align: center;
	background-color: #fff;
}



.cancel-item{
	display: grid;
	background-color: #fff;
}

.cancel-item dt{
font-weight: 700;
}




@media screen and (min-width:801px) {

		#cancel{
	margin-bottom: 100px;
}
	#cancel h2{
	padding: 50px 0 0;
}
	
.cancel-item{
grid-template-columns: repeat(2,1fr);
grid-row-gap:30px;
grid-column-gap:30px;
	padding: 40px;
}

.cancel-item dt{
grid-column-start: 1;
grid-column-end: 3;
}
}


@media screen and (max-width:800px) {
		#cancel{
	margin-bottom: 80px;
}
	
	#cancel h2{
	padding: 30px 0 0;
}
	
.cancel-item{
grid-template-columns: repeat(1,1fr);
grid-row-gap:30px;
grid-column-gap:30px;
	padding: 20px;
}

}

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

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


#parking h4{
	margin-bottom: 40px;
}

#parking h4 + p{
	margin-bottom: 40px;
}

.parking-list{
	list-style: none;
	display: grid;
}

@media screen and (min-width:801px) {
	#parking{
	margin-bottom: 100px;
}
	
.parking-list{
grid-template-columns: repeat(3,1fr);
grid-row-gap:40px;
grid-column-gap:40px;
}
}


@media screen and (max-width:800px) {
	#parking{
	margin-bottom: 80px;
}
	
.parking-list{
grid-template-columns: repeat(1,1fr);
grid-row-gap:40px;
grid-column-gap:0px;
}

}


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

---------------------*/
#equipment{
	margin-bottom: 100px;
}

#equipment h5{
	background-color: #fff;
}

#equipment h5{
	margin-bottom: 40px;
}

.equipment-list{
	list-style: none;
	display: grid;
}

.equipment-list{
grid-template-columns: repeat(3,1fr);
grid-row-gap:30px;
grid-column-gap:30px;
}

.equipment-list li p{
text-align: center;	
}

@media screen and (max-width:800px) {
	#equipment{
	margin-bottom: 80px;
}
	
.equipment-list{
grid-template-columns: repeat(2,1fr);
grid-row-gap:40px;
grid-column-gap:0px;
}

}

@media screen and (max-width:640px) {
.equipment-list{
grid-template-columns: repeat(1,1fr);
grid-row-gap:30px;
grid-column-gap:0px;
}

}

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

---------------------*/
#album {
	padding-bottom: 100px;
}

#album h5{
	background-color: #fff;
}

#album h5{
	margin-bottom: 40px;
}

.album-list{
	list-style: none;
	display: grid;
	margin-bottom: 30px;
}

.album-list{
grid-template-columns: repeat(3,1fr);
grid-row-gap:30px;
grid-column-gap:30px;
}

@media screen and (max-width:800px) {
		#album{
	padding-bottom: 60px;
}
	
.album-list{
grid-template-columns: repeat(2,1fr);
grid-row-gap:40px;
grid-column-gap:0px;
}

}

@media screen and (max-width:640px) {
.album-list{
grid-template-columns: repeat(1,1fr);
grid-row-gap:30px;
grid-column-gap:0px;
}

}


.btn--green,
a.btn--green {
  color: #fff;
  background-color: #127c56;
  text-decoration: none;
  padding: 10px 20px;
}
.btn--green:hover,
a.btn--green:hover {
  color: #fff;
  background: #127c56;
  text-decoration:underline;
}