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

*{
	margin:0;
	padding:0;
}

a {
color:#1DADE5;
}

html{
	font-size: 100%;
}




body{
	
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.top{
	width: 100%;
	height: 0;
	padding-top: 40%;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


h1 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 600;
  font-size: 20pt;
  font-style: normal;
	color:#666666;
	margin-top: 30px;
	margin-bottom:5px;
}

.pink{
	font-weight: 700;
  	font-size: 20pt;
	color:#E74473;
	margin-top: 0px;
	padding-bottom:0px;
}

.name{
	font-weight: 500;
  	font-size: 20pt;
	color:#666666;
}

.green{
	font-weight: 700;
  	font-size: 20pt;
	color:#9CC715;
	margin-top: 30px;
	padding-bottom:0px;
	
}

.blue{
	font-weight: 700;
  	font-size: 20pt;
	color:#1DADE5;
	margin-top: 30px;
	padding-bottom:0px;
	
}

.contents{
	text-align: center;
	margin:0 auto;
	width:600px;
}

.contents02{
	margin:0 auto;
	width:600px;
}

.profile{
	
	width:240px;
}

.flex_box {
	margin-top:60px;
    display: flex; 
	justify-content: space-between;
}

.flex_item{
}


p {
  font-family: "M PLUS Rounded 1c", sans-serif;
  
}

.text01{
	font-weight: 500;
	font-size: 14pt;
	font-style: normal;
	color:#666666;
	margin-top: 5px;
	margin-bottom:40px;
}

.text02{
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	color:#666666;
	margin-top: 10px;
	margin-bottom:10px;
}

.text03{
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	margin-top: 0px;
	margin-bottom:30px;
}

.consul{
	width: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
}

.telnum{
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	color:#666666;
}

.map{
	width: 100%;
}

.yoyaku{
	width: 600px;
	margin-bottom: 10px;
}
.yoyaku:hover{
    opacity: 0.7;
}

.monshin{
	width: 360px;
	margin-bottom: 10px;
}
.monshin:hover{
    opacity: 0.7;
}

.yoshin{
	width: 360px;
	margin-bottom: 10px;
}
.yoshin:hover{
    opacity: 0.7;
}


.text04{
	font-weight: 400;
	font-size: 14pt;
	font-style: normal;
	color:#ffffff;
}

.text05{
	text-align: center;
	
	font-weight: 400;
	font-size: 11pt;
	font-style: normal;
	color:#666666;
	margin-bottom:30px;
}
.text06{
	font-weight: 400;
	font-size: 12pt;
	font-style: normal;
	color:#666666;
	margin-bottom:30px;
}

.text07{
	border-top: #666666 1px solid;
	font-weight: 400;
	font-size: 12pt;
	font-style: normal;
	color:#666666;
	margin-bottom:30px;
	
}
.text08{
	font-weight: 600;
	font-size: 13pt;
	font-style: normal;
	color:#666666;
	margin-bottom:10px;
}

.text09{
	font-weight: 400;
	font-size: 12pt;
	font-style: normal;
	color:#666666;
	margin-bottom:30px;
}


footer{
	text-align: center;
	padding-top:20px;
	padding-bottom:40px;
	background-color: #9A9D9B;
}

/* 下層ページ */
/* 予防接種 */

#header{
	margin:0 auto;
	width: 660px;
	border-bottom: #009844 1px solid;
}
.container{
	margin-top: 30px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
}

.container02{
	margin-right: 30px;
	display: flex;
	flex-direction: column;
}

.head_logo{
	width: 468px;
}

.head_logo:hover{
	opacity: 0.7;
}
.head_logo_tag{
	margin-top: 20px;
	width: 213px;
}
.head_logo_chara{
	width: 124px;
}

.head_logo_chara:hover{
	opacity: 0.7;
}
.telnum02{
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-size: 32px;
	color:#666666;
}

#page_contents{
	margin:0 auto;
	width: 660px;
	padding-bottom:100px;
}

.oomidashi{
	display: flex;
	flex-direction: row;
	margin-top: 30px;
	margin-bottom:30px;
}

.title_head_01{
	width: 50px;
	margin-right:10px;
}

.title01{
	font-weight: 700;
	font-size: 20pt;
	font-style: normal;
	color:#787878;
	
}

.ttl_m{
	margin-top:10px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-size: 16pt;
	color:#787878;	
}
.annotation{
	margin-left:23px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color:#787878;	
}
.pdf_btn{
	margin-top:16px;
	margin-bottom:24px;
	margin-left:23px;
}

.yoshin_btn{
	height: 50px;
}

.yoshin_btn:hover{
    opacity: 0.7;
}

.annotation02{
	margin-bottom:30px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-size: 12pt;
	color:#787878;	
}


.gaibu{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:23px;
}

.gaibu_link_btn{
	width: 468px;
}


/*　コンテンツ中表組　*/

.table{
	width: 100%;
	border: solid 2px #888;
	border-collapse: separate;
  	border-spacing: 0;
  	border-radius: 10px;
  	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.th{
	border-bottom: 1px solid #aaa;
	text-align: center;
	padding: 6px 30px;
}



.trgray{
	background-color: #EEEEEE;
} 

.th1{
	background-color: #f9dbe8;
	border-bottom: 1px solid #aaa;
	border-left: none;
	text-align: center;
	padding: 0.5rem 1rem;
	
	font-size: 100%;
}

.th2{
	background-color: #e1ecb9;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
	padding: 0.5rem 1rem;
	font-size: 100%;
}

.th3{
	background-color: #d2ecfa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
	padding: 0.5rem;
	
	font-size: 100%;
}

.td{
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
	font-size: 100%;
	padding: 0.5rem 1rem;
}

.table tr:last-child th,
.table tr:last-child td {
  border-bottom: none;
}

/*　コンテンツ中表組　*/




/* 院内紹介 */

.innai_photo{
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
}
.annotation03{
	margin-left:23px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 600;
	font-size: 13pt;
	color:#787878;
	padding-bottom:10px;
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}


@media (max-width:768px){
	
.top{
	width: 100%;
	height: 0;
	background-image: url(../img/s_top.jpg);
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	
}
	
	h1 {
  		font-family: "M PLUS Rounded 1c", sans-serif;
  		font-weight: 600;
  		font-size: 28pt;
  		font-style: normal;
		color:#666666;
		margin-top: 30pt;
		margin-bottom:5px;
		}
	
	
.pink{
	font-weight: 700;
  	font-size: 20pt;
	color:#E74473;
	margin-top: 0px;
	padding-bottom:0px;
}

.name{
	font-weight: 500;
  	font-size: 24pt;
	color:#666666;
}

.green{
	font-weight: 700;
  	font-size: 20pt;
	color:#9CC715;
	margin-top: 10px;
	padding-bottom:0px;
	
}

.blue{
	font-weight: 700;
  	font-size: 20pt;
	color:#1DADE5;
	margin-top: 10px;
	padding-bottom:0px;
	
}
	
.text01{
	font-weight: 400;
	font-size: 1.1rem;
	font-style: normal;
	color:#666666;
	margin-top: 10px;
	margin-bottom:40px;
}
	
.text02{
	font-weight: 400;
	font-size: 15pt;
	font-style: normal;
	color:#666666;
	margin-top: 10px;
	margin-bottom:30px;
}

.text03{
	font-weight: 400;
	font-size: 1.3em;
	font-style: normal;
	margin-top: 10px;
	margin-bottom:30px;
}
.text05{
	width:90%;
	text-align: left;

	font-size: 0.8em;


	margin:0 auto;
	padding-bottom:8%;
}
	
.text06{
	font-weight: 400;
	font-size: 12pt;
	font-style: normal;
	color:#666666;
	margin-bottom:30px;
}
	
.text07{
	border-top: #666666 1px solid;
	font-weight: 400;
	font-size: 13pt;
	font-style: normal;
	color:#666666;
	margin-bottom:30px;
	
}
	
.consul{
	width:86%;
}
.map{
	width:86%;
	margin-top:30px;
}	
	
.telnum{
	font-size: 2em;
}

	
.yoyaku{
	width: 90%;
	margin-bottom: 10px;
}
.monshin{
	width: 70%;
	margin-bottom: 8%;
}
	
.contents{
	text-align: center;
	margin:0 auto;
	width:100%;
}
.contents02{
	margin:0 auto;
	width:90%;
}	
.profile{
	width:70%;
	margin-bottom:30px;
}
	
.flex_box {
	margin-top:60px;
    display: flex; 
	flex-direction:column;
}
	
/* 下層ページ */
	
#header{
	margin:0 auto;
	width: 95%;
	}
	
.container{
	margin-top: 6%;
	margin-bottom: 3%;
	display: flex;
	flex-direction: row;
}

.container02{
	margin-right: 3%;
	margin-left: 3%;
	display: flex;
	flex-direction: column;
}
	


.head_logo{
	width: 95%;
}


.head_logo_tag{
	margin-top: 10px;
	width: 75%;
}
.head_logo_chara{
	width: 90%;
}

.telnum02{
	font-size: 1.3em;
}
	
.ttl_m{
	font-size: 1.4em;
}
.annotation{
	margin-left:23px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color:#787878;	
}
	
.yoshin_btn{
	height: 98%;
	width: 98%;
}
.gaibu_link_btn{
	width: 98%;
}


#page_contents{
	margin:0 auto;
	width: 90%;
	padding-bottom:100px;
}	
	
	
/*　コンテンツ中表組　*/

.table{
	width: 100%;
	border: solid 2px #888;
	border-collapse: separate;
  	border-spacing: 0;
  	border-radius: 10px;
  	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

.th{
	border-bottom: 1px solid #aaa;
	text-align: center;
	padding: 6px 30px;
}



.trgray{
	background-color: #EEEEEE;
} 

.th1{
	background-color: #f9dbe8;
	border-bottom: 1px solid #aaa;
	border-left: none;
	text-align: center;
	padding: 0.5rem 1rem;
	
	font-size: 80%;
}

.th2{
	background-color: #e1ecb9;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
	padding: 0.5rem 1rem;
	font-size: 80%;
}

.th3{
	background-color: #d2ecfa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
	padding: 0.5rem;
	
	font-size: 80%;
}

.td{
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
	font-size: 80%;
}

.table tr:last-child th,
.table tr:last-child td {
  border-bottom: none;
}

/*　コンテンツ中表組　*/

}