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

body {
	font-family: "Noto Sans Japanese", sans-serif;
	color:#111111;
    font-size:62.5%;
	line-height:1.6em;
    -webkit-text-size-adjust: 100%;
}

/*レスポンシブ用イメージ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.sp-only{
	display: none;
}

@media screen and (max-width: 680px){
.sp-only{
	display: block;
}
.pc-only{
	display: none;
}

}
/*共通*/

section.cream{
	background: #f7f5f1;
	padding: 30px 10px;
}
section.orange{
	background: #f86d2b;
	padding: 30px 10px;
}
section.red{
	background: #d94421;
	padding: 30px 10px;
}
section.green{
	background: #64c059;
	padding: 30px 10px;
}
section.blue{
	background: #6e88ce;
	padding: 30px 10px;
}
section.yellow{
	background: #c9ac3d;
	padding: 30px 10px;
}
section.wh{
	background: #fff;
	border-top:1px solid #f2e0d6;
	border-bottom:1px solid #f2e0d6;
	padding: 20px 0;
}
table{
	text-align:center;
	width:96%;
	margin:10px auto;
	border-top:#dadada solid 1px;
}
table.resp{
	margin:30px auto;
}
table th,
table td{
	padding:10px 15px;
	border-bottom:#dadada solid 1px;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	line-height:1.8em;
}
table th{
	font-size:1.5em;
	font-weight:300;
	letter-spacing:0.05em;
	white-space: nowrap;
}
table th.backo{
	font-size:1.5em;
	font-weight:300;
	letter-spacing:0.05em;
	white-space: nowrap;
	color: #fff;
	background: #f86d2b;
	font-weight: bold;
}
table td{
	font-size:1.5em;
	text-align:left;
}
table td dl dt{
	float: left;
}
table td dl dd{
	margin-left: 160px;
	text-align: left;
}

/*ページ共通*/

section{
	position:relative;
	padding-bottom: 20px;
}

.inner{
	max-width:1200px;
	text-align:center;
	margin:0px auto;
	padding:0 10px;
}
.finner{
	max-width:1200px;
	text-align:center;
	margin:0px auto;
	padding:0 10px;
}

section p{
	font-size:1.5em;
	line-height:2em;
	text-align:left;
	margin:10px auto 20px;
	padding:10px 20px;
}
section ul,
section ol {
	text-align:left;
	margin:10px auto 20px;
	padding:10px 20px;
}
section ul li{
	font-size:1.4em;
	line-height:2em;
}
section ul.dot li{
padding-left:1.5em;
text-indent:-1.5em;
	margin-bottom: 10px;
}
section ul.dot li:before{
	content: "●";
	color: #f86d2b;
	margin-right: 0.5em;
	font-size: 0.8em;
}
section ol li{
	font-size:1.4em;
	line-height:2em;
}
section .txt50{
	width: 50%;
	padding: 0;
}
section .w50{
	width: 50%;
	padding: 10px;
}


section .w50 video{width: 90%;
	margin: 10px 5% 0;
	}

section .w70{
	width: 70%;
}
section .w30{
	width: 30%;
	padding: 10px;
}
@media all and (max-width: 960px){
section{
	padding-bottom: 20px;
}
section.glay{
	padding-bottom: 20px;
}
	
section.cream,
section.orange,
section.red,
section.green,
section.blue,
section.yellow{
	padding: 20px 10px;
}
	
section p{
	font-size:1.4em;
	line-height:2em;
	text-align:left;
	margin:10px auto;
	padding:10px 20px;
}
section ol li{
	font-size:1.5em;
	line-height:1.8em;
}
section ul li{
	font-size:1.5em;
	line-height:1.8em;
}
}
	
@media screen and (max-width: 680px){

section.cream,
section.orange,
section.red,
section.green,
section.blue,
section.yellow{
	padding: 5px;
}
section p{
	font-size:1.4em;
	line-height:1.8em;
	text-align:left;
	margin:10px auto;
	padding:10px 20px;
}
section ol li{
	font-size:1.4em;
	line-height:1.7em;
}
section ul li{
	font-size:1.4em;
	line-height:1.7em;
}
table{
	margin:5px auto;
}
table.resp th{
	display:block;
	width:100%;
	text-align:left !important;
	font-size:1.4em;
	border-right:none;
	padding:5px 15px;
	background: #edeff1;
	border-bottom:#f3f3f3;
}
table.resp td{
	display:block;
	width:100%;
	font-size:1.4em;
	padding:8px 15px;
}
table th.backo{
	color: #f86d2b;
}
table td dl dt{
	float: none;
	color: #666;
	background: #edeff1;
	padding: 0px 10px;
}
table td dl dd{
	margin-left: 20px;
	text-align: left;
}
section .w50{
	width: 100%;
	padding: 0 10px 10px 10px;
}
section .txt50{
	width: 100%;
}
section .w70{
	width: 100%;
}
section .w30{
	width: 100%;
	padding: 10px;
}	
}
@media screen and (max-width: 480px){

section p{
	font-size:1.3em;
	line-height: 1.6em;
	text-align:left;
	margin:5px auto;
	padding:5px 10px;
}
section ul,
section ol {
	text-align:left;
	margin:5px auto 10px;
	padding:5px 10px;
}
section ol li{
	font-size:1.3em;
	line-height: 1.6em;
}
section ul li{
	font-size:1.3em;
	line-height: 1.6em;
}
table th{
	font-size:1.3em;
}
table td{
	font-size:1.3em;
}
}

/*******************
トップページ
********************/
.maintop{
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.maintop img{
	width: 100%;
	height: auto;
}

.maintop .catcha{
	position: absolute;
	right: 10%;
	top: 50%;
	max-width: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.maintop .catchb{
	position: absolute;
	left: 10%;
	top: 50%;
	max-width: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.maintop .catcha img,
.maintop .catchb img{
	width: 100%;
	height: auto;
}
.topLeft{
	width: 70%;
}
.topRight{
	width: 30%;
	padding: 10px;
}
.topRight .facebook,
.topRight .twitter,
.topRight .bana,
.topRight #message{
	margin: 0 auto 20px;
	max-width: 300px;
	
}
.topRight #message{
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
}
.topRight #message p{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}

.topRight #message .mu{
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
.topRight .facebook{
	border-bottom: 1px solid #ddd;
}
.topinfo{
	background: #fff;
	border: 1px solid #f2e0d6;
	padding: 20px;
	margin: 10px 10px 20px;
}
.topinfo .mes{
	width: 45%;
	padding: 5px;
}
.topinfo .sch{
	width: 55%;
	padding: 5px;
}
.topinfo .sch table{
	border-left:1px solid #999;
	border-top:1px solid #999;
}
.topinfo .sch table th{
	font-size: 1.4em;
	padding: 8px 5px;
	text-align: center;
	background: #f9ece4;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.topinfo .sch table th.sat{
	color: #1d83ce;
}
.topinfo .sch table th.sun{
	color: #d74e1d;
}
.topinfo .sch table td{
	font-size: 1.4em;
	padding: 8px 5px;
	text-align: center;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.topinfo .sch table td.yotei{
	color: #f86d2b;
}
.topinfo .sch .cap{
	font-size: 1.3em;
	text-align: left;
	margin: 5px 10px;
	line-height: 1.5em;
}
.topBtn ul {
	margin: 0;
	padding: 0;
}
.topBtn ul li{
	width: 50%;
	padding: 10px;
	text-align: center;
}
.maina_info{
	text-align: left;
	margin: 3% 10px;
	max-width: 800px;
/*	background: #fff;
	border: 1px solid #f1ded4;
*/	padding: 15px 20px;
}
.maina_info p{
	margin: 0;
	padding: 0;
}
.corona_btn{
	text-align: left;
	font-size: 1.7em;
	line-height: 1.8rem;
	font-weight: 500;
	margin: 3% auto;
	max-width: 810px;
	max-width: 300px;
}
.corona_btn a{
	padding: 20px 10px 20px 20%;
	color: #ff2828;
	background: #fff;
	border: 1px solid #f1ded4;
	display: block;
	position: relative;
}
.corona_btn a .ico{
	position: absolute;
	left: 10%;
  top: 45%;
  transform: translateY(-50%);
}
.corona_btn a .ico img{
	width: 18px;
	height: auto;
	margin-right: 10px;
}
.corona_btn a:hover{
	background: #f9e8e8;
}
@media all and (max-width: 960px){
.maintop{
	position: relative;
	text-align: center;
	margin: 80px auto 0;
	width: 100%;
}
.maintop .catcha{
	max-width: 45%;
	right: 5%;
}
.maintop .catchb{
	max-width: 45%;
	left: 5%;
}
/**/
.topinfo{
	background: #fff;
	border: 1px solid #f2e0d6;
	padding: 10px;
	margin: 10px 5px 20px;
}
.topinfo .mes{
	width: 100%;
	padding: 5px 5px 0;
}
.topinfo .sch{
	width: 100%;
	padding: 0 5px 5px;
}	
.topBtn ul li{
	width: 50%;
	padding: 5px;
	text-align: center;
}
	
.topRight .facebook,
.topRight .twitter,
.topRight .bana{
	margin: 0 auto 10px;
	max-width: 100%;
	
}
	
.maina_info{
	font-size: 1.4em;
	line-height: 1.6rem;
	padding: 15px 20px;
}
.corona_btn{
	font-size: 1.6em;
}

.corona_btn{
	font-size: 1.5em;
}	
.corona_btn a{
	padding: 20px 0px 20px 18%;
}
.corona_btn a .ico{
	position: absolute;
	left: 5%;
}
	
}
@media screen and (max-width: 680px){

.topLeft{
	width: 100%;
}
.topRight{
	width: 100%;
	padding: 10px;
	text-align: center;
}
.corona_btn{
	font-size: 1.5em;
}
.topRight .facebook,
.topRight .twitter{
	border-bottom: 1px solid #ddd;
}	
	
.maina_info{
	font-size: 1.4em;
	line-height: 1.6rem;
	padding: 10px 15px;
}
	
.corona_btn{
	font-size: 1.4em;
	line-height: 1.6em;
}	
.corona_btn a{
	padding: 15px 0px 15px 18%;
}
.corona_btn a .ico{
	position: absolute;
	left: 5%;
}
	
}

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

.topinfo .sch{
	font-size: 0.8em;
}		
.topBtn ul li{
	width: 100%;
	padding: 5px;
	text-align: center;
}
.corona_btn{
	font-size: 1.5em;
	max-width: 385px;
	padding: 0 5px;
}
}


/*******************
中ページメイン
********************/
.AboutNav {
	background: #f7f5f1;
}
.AboutNav ul li{
	width: 23%;
	padding: 10px;
	margin: 1%;
	background: #fff;
	border: 1px solid #f2e0d6;
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;/*--- IE10 ---*/
	-webkit-justify-content:center;
	justify-content:center;
	-ms-flex-align:center;/*--- IE10 ---*/
	-webkit-align-items:center;
	align-items: center;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.5em;
}
.AboutNav ul li a{
	color: #222;
	display: block;
	width: 100%;
}
.AboutNav ul li .ico{
	width: 60px;
	text-align: center;
	margin: 0 auto;
}
.AboutNav ul li .ico img{
	width:100%;
	height: auto;
}

.AboutNav ul li.select01{
	background: #64c059;
	position: relative;
}
.AboutNav ul li.select01 a{
	color: #fff;
}
.AboutNav ul li.select01:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 20px solid #64c059;
	z-index: 1;
}
.AboutNav ul li.select02{
	background: #d94421;
	position: relative;
}
.AboutNav ul li.select02 a{
	color: #fff;
}
.AboutNav ul li.select02:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 20px solid #d94421;
	z-index: 1;
}
.AboutNav ul li.select03{
	background: #6e88ce;
	position: relative;
}
.AboutNav ul li.select03 a{
	color: #fff;
}
.AboutNav ul li.select03:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 20px solid #6e88ce;
	z-index: 1;
}
.AboutNav ul li.select04{
	background: #c9ae3d;
	position: relative;
}
.AboutNav ul li.select04 a{
	color: #fff;
}
.AboutNav ul li.select04:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 20px solid #c9ae3d;
	z-index: 1;
}
.main,
.maino{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.main img,
.maino img{
	width: 100%;
}

.main h2,
.maino h2{
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2.4em;
	font-weight: 500;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}
.main h2 span,
.maino h2 span{
	padding: 20px 50px;
	background: rgba(255,255,255,0.6);	
	display: inline-block;
}

section h3{
	background: #f86d2b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	color: #ffffff;
	font-size: 1.8em;
	line-height: 1.4em;
	padding: 10px;
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 1080px;
	margin: 50px auto 20px;
}
section h3:before {
	position: absolute;
	content: '';
	left: 0px;
	top: -20px;/*ボーダーサイズ分マイナス*/
	width: 0;
	height: 0;
	border: none;
	border-left: solid 80px #d84b08;/*bodyのカラーと同じ色に*/
	border-bottom: solid 85px transparent;
	z-index: 2;
}
section h3:after {
	position: absolute;
	content: '';
	right: 0px;
	top: -20px;/*ボーダーサイズ分マイナス*/
	width: 0;
	height: 0;
	border: none;
	border-left: solid 80px transparent;/*bodyのカラーと同じ色に*/
	border-bottom: solid 85px #d84b08;
	z-index: 2;
}
section h3 span {
	position: relative;
	z-index: 3;
}

section.red h4{
	max-width: 1080px;
	font-size: 1.8em;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
}
section.red h4:before, section.red h4:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #f86d2b;
	display: block;
}
section.red h4:before {
	margin-right: .4em;
}
section.red h4:after {
	margin-left: .4em;
}
section.blue h4{
	max-width: 1080px;
	font-size: 2.0em;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
}
section.blue h4:before, section.blue h4:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #6e88ce;
	display: block;
}
section.blue h4:before {
	margin-right: .4em;
}
section.blue h4:after {
	margin-left: .4em;
}
section.yellow h4{
	max-width: 1080px;
	font-size: 2.0em;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
}
section.yellow h4:before, section.yellow h4:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #c9ae3d;
	display: block;
}
section.yellow h4:before {
	margin-right: .4em;
}
section.yellow h4:after {
	margin-left: .4em;
}
section.yellow h5{
	max-width: 1080px;
	font-size: 1.8em;
	margin: 10px auto;
	display: flex;
	align-items: center;
	background: #f7f5f1;
	border-top:1px solid #f5e4dc;
	border-left:1px solid #f5e4dc;
	border-right:1px solid #f5e4dc;
	border-bottom:3px solid #a48919;
	padding: 10px;
	font-weight: 500;
}
section.cream h4{
	max-width: 1080px;
	font-size: 2.0em;
	margin: 60px auto 40px;
	display: flex;
	align-items: center;
}
section.cream h4:before, section.cream h4:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #f86d2b;
	display: block;
}
section.cream h4:before {
	margin-right: .4em;
}
section.cream h4:after {
	margin-left: .4em;
}

section.cream h5{
	max-width: 1080px;
	font-size: 1.8em;
	text-align: center;
	padding: 10px;
	line-height: 1.5em;
	margin: 30px 10px 10px;
	background: #fef0e9;
	color: #f86d2b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.White{
	background: #fff;
	border: 1px solid #f2e0d6;
	padding: 30px 20px 50px;
	margin: 10px 10px 20px;
	position: relative;
}
.Whiteinner{
	max-width: 1000px;
	margin: 0 auto;
}

table td span.cat1{
	display: inline-block;
	padding: 5px 30px;
	font-weight: 700;
	color: #fff;
	background: #79c061;
	border-radius: 5px;
	margin-bottom: 10px;
}
table td span.cat2{
	display: inline-block;
	padding: 5px 30px;
	font-weight: 700;
	color: #fff;
	background: #dfbe3f;
	border-radius: 5px;
	margin-bottom: 10px;
}

table td span.cat3{
	display: inline-block;
	padding: 5px 30px;
	font-weight: 700;
	color: #fff;
	background: #3a5ad7;
	border-radius: 5px;
	margin-bottom: 10px;
}


@media all and (max-width: 960px){
.AboutNav{
	margin: 80px auto 0;
}
.maino{
	margin: 80px auto 0;
	}
.AboutNav ul li{
	width: 23%;
	padding: 10px;
	margin: 10px 1%;
	font-size: 1.3em;
}
.main h2 span,
.maino h2 span{
	padding: 10px 40px;
}
.White{
	padding: 15px;
}
}
@media screen and (max-width: 680px){
.AboutNav ul li{
	width: 24%;
	padding: 10px 5px;
	margin: 10px 0.5%;
	font-size: 1.2em;
}
.AboutNav ul li .ico{
	width: 50px;
	}

.main h2,
.maino h2{
	font-size: 2.0em;
	font-weight: 500;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}
.main h2 span,
.maino h2 span{
	padding: 10px 40px;
}
section h3{
	font-size: 1.6em;
	padding: 8px 10px;
	margin: 30px auto 10px;
}
section.red h4,
section.blue h4,
section.yellow h4,
section.cream h4{
	font-size: 1.6em;
	margin: 40px auto 20px;
}
section.yellow h5{
	font-size: 1.6em;
}
section.cream h5{
	font-size: 1.6em;
}
.White{
	padding: 10px;
}
.AboutNav ul li.select01:before{
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 15px solid #64c059;
}
.AboutNav ul li.select02:before{
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 15px solid #d94421;
}
.AboutNav ul li.select03:before{
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 15px solid #6e88ce;
}
.AboutNav ul li.select04:before{
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 15px solid #c9ae3d;
}
}
@media screen and (max-width: 480px){
.AboutNav ul li{
	width: 24%;
	padding: 2px 1px;
	margin: 10px 0.5%;
	font-size: 0.8em;
}
.AboutNav ul li .ico{
	width: 40px;
}
.main h2,
.maino h2{
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}
.main h2 span,
.maino h2 span{
	padding: 8px 30px;
}
section h3{
	font-size: 1.5em;
	padding: 8px 10px;
	margin: 20px auto 10px;
}
section.red h4,
section.blue h4,
section.yellow h4,
section.cream h4{
	font-size: 1.5em;
	margin: 20px auto 10px;
}
section.yellow h5{
	font-size: 1.5em;
}
section.cream h5{
	font-size: 1.5em;
}
}

/*******************
腰痛・仙腸関節障害
********************/

section .creamWaku{
	background: #f7f5f1;
	border: 1px solid #d7c9c1;
	padding: 0 20px 20px;
	max-width: 1080px;
	margin: 30px auto 50px;
}
.creamWaku ul li{
	list-style: disc;
	margin-left: 20px;
}
section.green .linkbtn{
	width: 300px;
	text-align: right;
	margin: 10px 20px 10px auto;
}
section.green .linkbtn a{
	padding: 8px 20px;
	text-align: center;
	font-size: 1.5em;
	color: #fff;
	display: block;
	background: #64c059;
}
section.green .linkbtn a:hover{
	background: #3c8d32;
}
@media all and (max-width: 960px){
.creamWaku ul li{
	margin-left: 10px;
}
}
@media screen and (max-width: 680px){
section .creamWaku{
	padding: 0 10px 10px;
	margin: 10px auto;
}
.creamWaku ul li{
	margin-left: 10px;
}
	section.green .linkbtn{
	width: auto;
	text-align: right;
	margin: 10px auto;
}
section.green .linkbtn a{
	padding: 8px 10px;
	font-size: 1.3em;
}
}
@media screen and (max-width: 480px){
section .creamWaku{
	padding: 5px;
	margin: 10px auto;
}
}

/*******************
エコーガイド下fasciaリリース
********************/

section.red .midashi{
	width: 15%;
	background: #ececec;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 10px;
	padding: 15px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
section.red .naiyo{
	width: 85%;
	border-left: 3px solid #f86d2b;
	background: #f9f9f9;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 10px;
	padding: 15px;
	text-align: left;
}

section.red .linkbtn{
	width: 300px;
	text-align: right;
	margin: 10px 20px 10px auto;
}
section.red .linkbtn a{
	padding: 8px 20px;
	text-align: center;
	font-size: 1.5em;
	color: #fff;
	display: block;
	background: #f86d2b;
}
section.red .linkbtn a:hover{
	background: #d84b08;
}

@media screen and (max-width: 680px){
section.red .midashi{
	width: 100%;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 0;
	padding: 10px;
}
section.red .naiyo{
	width: 100%;
	border-left: none;
	border-top: 3px solid #f86d2b;
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 10px;
}
section.red .linkbtn{
	width: auto;
	text-align: right;
	margin: 10px auto;
}
section.red .linkbtn a{
	padding: 8px 10px;
	font-size: 1.3em;
}
}
@media screen and (max-width: 480px){
section.red .midashi{
	font-size: 1.3em;
}
section.red .naiyo{
	font-size: 1.3em;
}
}


.Pagenavi{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #f7f5f1;
	border-bottom:1px solid #efd2c4;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.Pagenavi ul{
	padding: 10px;
	margin: 0 auto;
}
.Pagenavii{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #f7f5f1;
	border:1px solid #efd2c4;
	width: 94%;
}
.Pagenavii ul{
	padding: 10px;
	margin: 0 auto;
}
.Pagenavii .minimap{
	width: 50%;
	padding: 20px;
}
.Pagenavii .txt{
	width: 50%;
	padding: 10px;
}
.blue .Pagenavi ul li{
	width: 48%;
	margin: 10px 1%;
	background: #fff;
	border: 1px solid #6e88ce;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 320px;
}
.blue .Pagenavi ul li a{
	color: #222;
	max-width: 325px;
	display: block;
	padding: 10px 5px;
	font-weight: 600;
}
.blue .Pagenavi ul li:hover{
	background: #6e88ce;}
.yellow .Pagenavi ul li{
	width: 48%;
	margin: 10px 1%;
	background: #fff;
	border: 1px solid #c9ae3d;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 320px;
}
.yellow .Pagenavi ul li a{
	color: #222;
	max-width: 325px;
	display: block;
	padding: 10px 5px;
	font-weight: 600;
}
.yellow .Pagenavi ul li:hover{
	background: #c9ae3d;}
.Pagenavi ul li:hover a{
	color: #fff;}

.Pagenavii ul li{
	width: 48%;
	margin: 10px 1%;
	background: #fff;
	border: 1px solid #f86d2b;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 320px;
}
.Pagenavii ul li a{
	color: #222;
	max-width: 325px;
	display: block;
	padding: 10px 5px;
	font-weight: 600;
}
.Pagenavii ul li:hover{
	background: #f86d2b;}
.Pagenavii ul li:hover a{
	color: #fff;}
#a{
	margin-top: 120px;
}



@media screen and (max-width: 768px){
.Pagenavii .minimap{
	width: 100%;
	padding: 0px 10px 10px 10px;
}
.Pagenavii .txt{
	width: 100%;
	padding: 10px 10px 0 10px;
}
}


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

.blue .Pagenavi ul li,
.yellow .Pagenavi ul li,
.Pagenavii ul li{
	width: auto;
	margin: 2px 1%;
}

#a{
	margin-top: 90px;
}
}


/*******************
交通アクセス
********************/
.map{
	max-width: 1080px;
	text-align: center;
	margin: 20px auto;
	border:1px solid #dfdfdf;
}
.adress{
	font-size: 1.6em;
	text-align: center;
	margin: 5px auto;	
}
.tel{
	font-weight: 700;
	font-size: 3.2em;
	line-height: 1.6em;
	margin: 5px auto;
	letter-spacing: 0.1em;
}
.accesszu{
	background: #f7f5f1;
	max-width: 1080px;
	margin: 10px auto 20px;
	border: 1px solid #f5e4dc;
	padding: 10px;
}
@media screen and (max-width: 680px){
.map{
	margin: 10px auto;
}
.adress{
	font-size: 1.5em;
}
.tel{
	font-size: 2.8em;
}
}
@media screen and (max-width: 480px){

.adress{
	font-size: 1.3em;
}
.tel{
	font-size: 2.2em;
}
}
/*******************
予約診療のご案内
********************/

.yoyakuwaku{
	background: #f7f5f1;
	max-width: 1080px;
	margin: 10px auto 20px;
	border: 1px solid #f5e4dc;
	padding: 10px;
}
.yoyakuwaku ul li{
padding-left:1.5em;
text-indent:-1.5em;
	
}
.yoyakuwaku ul li::before{
	content: "●";
	color: #f86d2b;
	margin-right: 0.5em;
	
}
.telweku{
	border: 1px solid #f86d2b;
	padding: 10px;
	max-width: 1080px;
	margin: 20px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.telweku .telo{
	font-size: 4.5em;
	line-height: 1.5em;
	color: #f86d2b;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 10px auto ;
}
.telweku p{
	margin: 10px auto ;
}
.attention{
	color: #f72525;
	padding: 10px;
	font-size: 1.8em;
	line-height: 1.5em;
	border-bottom:2px solid #f72525;
	text-align: left;
	margin: 10px 20px 0;
}
.yoyakubtn{
	text-align: center;
	margin: 20px;
}
.yoyakubtn a{
	background: #f86d2b;
	padding: 20px;
	display: block;
	margin: 20px auto;
	color: #fff;
	font-size: 2.0em;
	line-height: 1.5em;
	/*max-width: 300px;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.yoyakubtn a:hover{
	background: #f9ad89;
}
@media screen and (max-width: 680px){

.attention{
	margin: 10px 10px 0;
}
.telweku .telo{
	font-size: 3.5em;
}
.yoyakubtn a{
	padding: 15px 10px;
	font-size: 1.8em;
}
.attention span{
	display: block;
}
}
@media screen and (max-width: 480px){
.telweku .telo{
	font-size: 2.8em;
	width: 100%;
	margin: 0;
}
.telweku p{
	margin: 0;
}
.yoyakubtn a{
	padding: 10px;
	font-size: 1.6em;
}
}
.pagetop{
	position:fixed;
	bottom:60px;
	right:20px;
	z-index:100;
	width: 60px;
	height: 60px;
}

/*****コロナページ*****/

.corona ul {
	margin: 5% 30px;
	padding: 0;
}
.corona ul li{
	list-style: disc;
}
.corona ul li.nodisc{
	list-style: none;
}
.corona ul ul {
	margin: 1% 30px 5%;
	padding: 0;
}
.corona ul li li{
	font-size: 1.0em;
}
.corona .corona_zu{
	max-width: 700px;
}

.txt1,
.txt2,
.txt5{
	width: 70%;
}
.img1,
.img2,
.img5{
	width: 30%;
	padding: 10px;
}
.txt3,
.txt4{
	width: 80%;
}
.img3,
.img4{
	width: 20%;
	padding: 10px;
}

@media screen and (max-width: 680px){
.txt1,
.txt2,
.txt5{
	width: 100%;
}
.img1,
.img2,
.img5{
	width: 80%;
	padding: 10px;
}
.txt3,
.txt4{
	width: 100%;
}
.img3,
.img4{
	width: 50%;
	padding: 10px;
}
}

p.atte{  
	margin-left: 20px; text-indent: -1em;
  padding-left: 1em;}
