@charset "utf-8";
/* CSS Document */
/*--メイン------------------------------------------------*/

.facility-wrapper {
	padding: 4% 2%;
	font-weight: 400;
	color: #333;
}

.facility {
    margin: 7%;
    color: #3C3C3C;
}
.facility h1 {
    text-align: center;
}

.facility h1 span {
    font-family: 'Kiwi Maru', serif;
    font-weight: 500;
    font-size: 0.8em;
    letter-spacing: 3px;
    padding-bottom: 10px;
    border-bottom: 3px solid #00a201;
    display: inline-block;
    margin-bottom: 40px;
}

.facility p, .facility ul li {
    font-size: 0.9em;
    font-weight: 500;
}
.facility ul {
    margin-bottom: 100px;
    padding-left: 0;
}

.facility ul li {
    margin-bottom: 40px;
}

.facility span.title {
    font-size: 1.2em;
    color: #00a201;
    font-weight: bold;
}

.facility p.item {
    font-size: 1.2em;
    font-family: 'Kiwi Maru', serif;
    padding-bottom: 5px;
    border-bottom: 2px solid;
    display: inline-block;
}

.facility ul li.not-insurance {
    margin-bottom: 0;
}

.facility p:last-child {
    margin-top: 70px;
}

span.affiliation {
    color: #969696;
    letter-spacing: 1px;
}

.green_buttton {
	display:inline-block;
	padding:13px 20px;
	margin:13px 20px;
	text-decoration:none;
	border-radius:6px;
	background:#00a201;	
	border: none;
	color:#FFFFFF;

}

.green_buttton a {	
	font-weight: 500;
	font-size:0.75em;
}
.green_buttton a:hover {
    color:#00a201;	
 }

/* タブレット向けレイアウト */
@media screen and (max-width: 960px) {
	
	
	.pc { display: none !important; }
	.tab { display: block !important;
			width: 100%;}
	.pc-tab { display: block !important;}	
	.sp { display: none !important; }
	.tab-sp { display: inline-block !important; }
	
	

/*ハンバーガー*/
#navToggle {
    display: none;
    position: absolute; /*bodyに対しての絶対位置指定です*/
	right: 20px;
    top: 17px;
    width: 30px;
    height: 25px;
    cursor: pointer;}
#navToggle div {position: relative;}
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div*/
    width:100%;
    border-bottom:solid 1px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#navToggle span:nth-child(1) {top: 0;}
#navToggle span:nth-child(2) {top: 11px;}
#navToggle span:nth-child(3) {top: 22px;}



/*ナビゲーション--------------------*/

#navToggle {
	display: block;
	z-index: 30;}
 

	.openNav #navToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);}
		
	.openNav #navToggle span:nth-child(2) {
		display: none;}
		
	.openNav #navToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);}


	/*ナビゲーションの動き-----------------------------------------*/
			.openNav .header-menu {
				-moz-transform: translateX(-100%);
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
				background: rgba(50,50,50,0.4);}

	
	/*ヘッダー-----------------------------------------*/
	
	header {
		height: 60px;
		position: fixed;
		width: 100%;
		background-color: white;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
		z-index: 20;}
		
	.logo-s {
		height: 40px;
		padding: 10px;}
	
	.header-menu {
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		position: absolute;
		top: 60px;
		right: -100%;
		padding: 0%;
		height: 100vh;
		-webkit-transition:.5s ease-in-out; /*transitionで動きを*/
	    -moz-transition:.5s ease-in-out;
    	transition:.5s ease-in-out;}
	
	.menu-list {
		float: none;}
	
	.header-menu02 {
		width:100%;}
		
	.header-menu ul {
		padding: 0;
		margin: 0;}

	.header-menu li {
		padding: 18px 0 8px;
		background: rgba(255,255,255,.97);}
	
	.header-menu li:nth-child(2),
	.header-menu li:nth-child(3),
	.header-menu li:nth-child(4)	 {
		border-bottom: 2px dotted #52c054;}
			
	.header-menu li:nth-child(2),
	.header-menu li:nth-child(5) {
		width: 100%;}
	
	.header-menu li img {
		width: 40px;}
	
	.menu-list a {
		display: block;}
	
	.header-menu .header-menu02 li {
		border: none;}

	.header-menu .header-menu02 a {
		color: white;
		display: block;}
	
	.header-menu02 li:first-child {
		font-family: 'Montserrat', sans-serif;
	    background-color: #f19500;
	    height: 50px;
	    line-height: 41px;
	    width: 100%;}

	.header-menu02 li:nth-child(2) {
	float: left;
	background-color: #00a201;
	height: 50px;
	line-height: 41px;
	width: 100%;
}
	
	.header-menu02 li:last-child {
	float: right;
	background-color: #008901;
	height: 50px;
	line-height: 41px;
	width: 100%;
}
			
	.header-menu .header-menu02 .fa-phone {
		background-color: unset;
		color: white;}
		
	.fa-envelope,
	.fa-desktop {
		background-color: unset;
		padding: 5px;
		margin-right: 5px;
		color: white;}
	
	
	/*メイン-----------------------------------------*/	
	
	h1 img {
		margin-top: 13%;}

	/*医院紹介-----------------------------------------*/
	
	.clinic h3 {
		margin-bottom: 10px;}
	
	.clinic-text {
		float: none;
		width: 100%;}
	
	.clinic-photo-wrapper {
		float: none;
		width: 100%;}
	
	.clinic-photo-wrapper img:first-child {
		float: left;
		width: 49%;}
	
	.clinic .clinic-photo-wrapper img:nth-child(2) {
		display: none;}
	
	.clinic-photo-wrapper img:last-child {
		float: right;}
	
	.doctor-wrapper {
		display: block;}
	
	.doctor-wrapper h3 {
		border-bottom: 5px;}
		
	.doctors {
		display: inline-block;
		width: 92%;}
	
	.docter {
		padding: 0 4%;}
	
	h4 {
		margin-top: 10px;}
	
	.docter:first-child {
		float: none;
    	margin: 0 0 15px;
    	width: 100%;}
	
	.docter:last-child {
		float: none;
		width: 100%;}
	
	.white {
	color: #FFF;
}
	
	/*------アクセス・診療時間------------------------------------------*/
	
	.medical-guide {
		height: unset;
		display: block;
		margin-bottom: 30px;}
	
	.map-wrapper {
		float: none;
		width: 100%;
		margin-bottom: 40px;}
	
	.schedule {
		float: none;
		width: 100%;}
	
	.schedule h3 {
		margin-bottom: 8px;}
		
	.address-tel-wrapper {
		display: inline-block;
		width: 100%;}
	
	
	/*------お知らせ------------------------------------------*/
	
	.news-wrapper {
		padding-bottom: 7%;}
		
	.news-logo {
		float: none;
		width: 100%;
		height: unset;
    	margin-bottom: 30px;}
	
	.news-logo img {
		width: 10%;}
	
	.news-logo h5 {
		font-size: 1.3em;
		margin-bottom: 2px;}	


	/*------フッター------------------------------------------*/
	
	.footer-wrapper {
		height: unset;}
		
	.footer-wrapper a:nth-child(2) {
		display: block;
    	text-align: center;}
		
	.footer-logo-tabsp {
		width: 40%;
		padding-top: 25px;}
	
	.footer-menu {
		display: none;}
	
	.footer-rigth {
		float: none;
	    text-align: center;
    	font-weight: 100;
    	padding: 20px 0 10px 0;}
	
	.footer-rigth p {
		font-size: 0.9em;}
	
	.footer-rigth p:nth-child(3) {
		font-family: 'Montserrat', sans-serif;
		font-weight: normal;
		font-size: 2em;
		letter-spacing: 2px;}
	
	.footer-rigth a {
		color: #00a201;}
		
	.icon-tabsp-wrapper {
		width: 100%;
	    font-family: 'Kiwi Maru', serif;
    	font-weight: normal;
	    font-size: 1em;
	    margin-bottom: 10px;
	    text-align: center;		float: left;
		background-color: #00a201;
	    padding: 8px;
}
	
	.icon-tabsp li {

	    width: 46%;}
	
	.icon-tabsp li:last-child {
		float: right;}
	
	.icon-tabsp {
	width: 80%;
	margin: 0 auto;
	background-color: #00A201;
	text-align: center;
}

	.icon-tabsp ul {
		padding: 0;
		margin: 0;}
	
	.icon-tabsp a {
		color: white;
		display: block;}
	
	.copyright {
		background-color: unset;
		color: #00a201;}
}


/* スマホ向けレイアウト */
@media screen and (max-width: 560px) {
	
	
	.pc { display: none !important; }
	.tab { display: none !important;}	
	.pc-tab { display: none !important;}
	.sp { display: block !important;}
	.tab-sp { display: inline-block !important; }

	
		
	/*メイン-----------------------------------------*/	
	
	.facility-wrapper {
	padding-top: 13%;

}
	
	h1 img {
		margin-top: 65px;}

	.header-menu .header-menu02 .fa-phone {
		font-size: 1.2em;
		margin: 0;}
	
	.header-menu02 li:nth-child(2),
	.header-menu02 li:last-child {
		line-height: unset;
		padding: 15px 0 20px;}
	.pNav {
	padding-top: 3em;

}


	.fa-envelope {
	/* [disabled]font-size: 1.2em; */
	/* [disabled]margin: 0; */
}

	/*医院紹介-----------------------------------------*/
	
	.clinic {
		padding: 7% 4%;}
	
	.clinic h3 {
		margin-bottom: 5px;}
	
	.clinic-text h2 {
		line-height: 30px;
	    font-size: 1.2em;}
	
	.clinic-text p {
		line-height: 22px;}

	.docter:first-child {
		margin-bottom: 10px;}
	
	h4 {
		font-size: 1em;}
	
	.docter ul {
		font-size: 0.9em;}
	
	.doctor-career ul:first-child {
		margin-right: 10px;}
	
	.docter ul:nth-child(2),
	.docter ul:last-child {
		margin-right: 0;}
	
	/*------アクセス・診療時間------------------------------------------*/
	
	.medical-guide {
		padding: 7% 4%;}
	
	.map-wrapper p {
		font-size: 0.9em;}
	
	.map-wrapper p:nth-child(4),
	.map-wrapper p:last-child {
	    line-height: 1.2em;}

	.schedule h3 {
		margin-bottom: 5px;}
	
	.table-wrapper {
		padding: 1% 3%;
	    font-size: 0.8em;}
				
	table th, table td {
		padding: 0;}
	.time {
		width: 32%;}

	.schedule-p {
		font-size: 0.8em;}
			
	.address-tel-wrapper {
		text-align: center;}
	
	.address-tel-wrapper img {
		display: none;}
	
	.address-tel p:first-child {
		font-size: 0.9em;}
	
	.medical-guide {
		margin-bottom: 10px;}
	
	
	/*------お知らせ------------------------------------------*/
	
	.news-logo {
		margin-bottom: 10px;}
	
	.news-logo img {
		width: 13%;}
	
	.news-wrapper {
		padding: 4%;}
	
	
	/*------フッター------------------------------------------*/
	
	.footer-wrapper {
		height: 135px;}
	
	.footer-wrapper img {
		display: none;}
	
	.footer-rigth {
		float: none;
	    text-align: center;
		padding: 25px 25px 6px 15px;}

	.icon-tabsp	{
		width: 90%;
		height: 25px;
	    line-height: 25px;
		}
		
	.icon-tabsp li {
}
	
	.icon-tabsp a {
		font-size: 0.9em;}
		
	.copyright {
		font-size: 0.6em;
	    padding: 5px;
    	font-weight: 100;}
}