@charset "UTF-8";
/* CSS Document */


.mainimg {
	margin: 30px 0 10px 0;
	width: 100%;
}

img.h3icon {
	margin-top: 5px;
	float: left;
}

h2 {
	vertical-align:middle;
}
	
h3 {
	margin-left: 20px;
	font-size: 19px;
	color: #036EB7;
	font-weight: normal;
	letter-spacing: 0.8em;
}

p.clinic01 {
	margin: 20px 0 0 0;
}


#clinic_tel {
	width: 100%;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
}
#clinic_tel img {
width:100%;
height:auto;
}
.tel01, .tel02 {
width:48%;
height:auto;
}
/*
#clinic_tel p.tel01 {
	margin-right: 40px;
	display: block;
	width: 350px;
	height: 100px;
	text-indent: -9999px;
	background: url(../image/clinic_tel.png) no-repeat;
}
#clinic_tel p.tel02 {
	display: flex;
	width: 350px;
	height: 100px;
	text-indent: -9999px;
	background: url(../image/clinic_tel.png) no-repeat 0 -100px;

}
*/

#kikai {
	clear: both;
}
#kikai ul {
	padding-top: 20px;
	list-style: none;
	width: 750px;
}
#kikai li {
	font-size: 18px;
	height: 170px;
	border-bottom: 1px dotted #036EB7;
	letter-spacing: 0.3em;
	line-height: 1.5em;
}
#kikai li img.kikaiimg {
	width: 335px;
	height: 143px;
	float: left;
	margin-right: 20px;
}
#kikai li p {
	margin-top: 10px;
}
#kikai li img.h4icon {
	vertical-align:middle
}
#kikai h4 {
	padding-top: 50px;
}

#innai {
	margin-top: 30px;
}
#innai ul {
	list-style: none;
	width: 100%;
	margin-top: 20px;
	height: 370px;
	border-bottom: 1px dotted #036EB7;
}
#innai ul li {
	font-size: 18px;
	display: block;
	width: 100%;
	height: 350px;
	margin-right: 30px;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#innai ul li img {
	width: 100%;
}

#innai h4 {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
}

#innai li img.h4icon {
	width: 32px;
	height: 27px;
}
#innai li p {
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 0.6px;
}

.introduction {
	width: 656px;
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: space-evenly;
	margin-bottom: 20PX;
	border-bottom: 1px dotted #036EB7;
	padding-bottom: 20px;
}

.introduction_img {
	width: 100%;
	height: auto;
}

.introduction_Details:last-child {
	justify-content: flex-start;
}

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

@media screen and ( max-width:767px ) {

#clinic_tel {
	width: 100%;
	margin: 20px auto;
	text-align: center;
	flex-direction: column;
}

#clinic_tel .tel01 {
	width: 100%;
	margin-bottom: 1em;
}
#clinic_tel .tel02 {
	width: 100%;
}
	
.introduction {
	grid-template-columns: 1fr;
	width: 100%;
}
	
.introduction {
	border-bottom: none;	
	}
	
.introduction_Details {
	border-bottom: 1px dotted #036EB7;
	padding-bottom: 15px;
	}

	
}