@charset "utf-8";
/*20200311srt*/
#facebook-btn{
	position:fixed;
	bottom:130px;
	right:17px;
	z-index:9999;
}
/*20200311end*/

/* clearfix */

/*.cf{
	zoom:1px;
}
.cf:before, .cf:after;{
	content: "";
	display: table;
}
.cf:after;{
	clear: both;
*/
body{font-size: 62.5%;}
/*スライダーここから*/
.slider{
	width: 1200px;
	height: 400px;
	margin: 24px auto 48px;
}
/*スライダーここまで*/
h1{
	width: 95%;
	height: 30px;
	color: #f6921d;
	font-size:20pt;
	font-weight: normal;
	text-align: center;
	border-bottom: solid 2px;
	margin: 0 auto;
	padding:15px 10px 3px;
}
p{font-size: 1.4em;}
/*メインコンテンツここから*/
#mainContent {
	width: 1100px;
	height: 100%;
	margin: 24px auto;
}

/*各種カラム調整*/

.colm3 {
	width:1100px;
	float: left;
	clear:both;
	margin-bottom: 30px;
}

.colm2 {
	float:left;
	clear:both;
}

.colm1 {
	float:left;
	width:850px;
}

.maincolm  {
	width:1100px;
	clear:both;
}


.topside {
	float: right;
	margin-top: -200px;
}

.side {
	float: right;
}

/*各種カラム調整ここまで*/

/*各種見出しタイトル*/

h2 {
	width:90%;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	/*font-size: 24px;*/
	font-size: 2.4em;
	color:#F29600;
	text-align:center;
	padding-bottom: 10px;
	border-bottom: 2px #00913A solid;
	margin:10px auto;
	letter-spacing:3px;
}

h4 {
	width:90%;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	font-size: 1.8em;
	color:#F29600;
	text-align:center;
	padding-bottom: 10px;
	border-bottom: 2px #00913A solid;
	margin:10px auto;
	letter-spacing:3px;
}

/*各種コンテンツ背景*/
.aisatsu, .FB, .sideInfo, .userGuide, .accTreatent, .access, .sideMenu, .sidegloopBnr, .nayami {
	background:#FFF;
	border:1px solid #999;
	box-shadow: 0px 1px 1px #999;
}

/*挨拶*/
.aisatsu {
	width:828px;
	height: 100%;
	float:left;
	/*background-image: url("../img/index/fpdsback.png");*/

}

.aisatsu p {
	width:60%;
	margin:0 auto;
	line-height:24px;
	padding-bottom: 20px;
	float:left;
}

.aisatsutext {
	width:90%;
	margin: 40px auto 10px;
}
.aisatsutext span{
	color: #FF5F55;
}

.intyou {
	float:right;
	width:250px;
	margin-top: 148px;
	font-size: 1.6em;
}

.aisatsu img{
	width: 100%;
	max-width: 100%;
}
.sideInfo p{
	margin: 10px 20px;
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px dotted #ddd;
}
.sideInfo span{
	color: #FF5F55;
	font-weight: bold;
}


/*Facebook*/
.FB {
	width:240px;
	/*background-color:#C0DCC0;*/
	float: right;
	margin:0 0 40px;
	height:100%;
}
.FB img{
	width: 220px;
	margin: 5px 10px 10px;
}
.FB p{
	margin: 10px;
	line-height: 24px;
	font-size: 14px;
}
.FB span{color: #F29600;}
/*お知らせ*/
.sideInfo {
	width:240px;
	/*background:#7FDF00;*/
	float:right;
	height:330px;

}

.sideInfonaka {
	width:240px;
	/*background:#7FDF00;*/
	float:right;
	height: 220px;
	margin-bottom: 10px;
	background: white;
	border: 1px solid hsl(0, 0%, 60%);
	box-shadow: 0px 1px 1px hsl(0, 0%, 60%);

}


.sideInfonaka p{
	margin: 10px 20px;
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px dotted #ddd;
}
.sideInfonaka span{
	color: #FF5F55;
	font-weight: bold;
}

.innews , .inoshirase {
	width:90%;
	margin:0 auto;
}

iframe {
	width:100%;
	margin:0 auto;
}

/*手技・徒手*/
.userGuide  {
	width: 828px;
	/*background:#AA9FAA;*/
	margin:0px 0 20px 0;

}

.textarea {
	width:90%;
	margin:40px auto;
	border-bottom: 2px dashed  #ddd;
}

.righttext {
	padding: 0 0 0 210px;
}

.userGuide img {
	width:100%;
	max-width:100%;
	margin: 0 0 20px;

}
.komidashi {
	font-size: 30px;
	margin: 0 0 10px;
	letter-spacing: 3px;

}
.shousai,.shousai2{
	line-height: 24px;
	margin: 0 0 20px;
}

.shousai a,.accTreatent a,.access a{color: #F29600;}
.shousai a:hover,.accTreatent a:hover,.access a:hover{border-bottom:2px solid #F29600;}
.shousai span{
	color: #FF5F55;
	font-size: 20px;
	font-weight: bold;
}
.shousai2 span{
	color: #FF5F55;
	font-size: 16px;
	line-height: 10px;
	font-weight: bold;
}
.icon {
	width:140px;
	float:left;
}

.clear {
	clear:both;
}


/*お悩み*/

.nayami {
	width: 828px;
	/*background:#AA9FAA;*/
	margin:0px 0 20px 0;
}

.nayamitextarea {
	width: 90%;
	margin:20px auto;
}

.nayamileft {
	width: 100%;
	max-width: 400px;
	float:left;
}
.nayamileft p{
	margin: 15px 0 0;
	line-height: 20px;
}

.nayami ul {
	list-style:none;
	margin: 10% 0;
}

.nayami li {
	padding: 10px 0;
	font-size: 1.6em;
	font-weight: bold;
	color: #555;
}

.nayamiimg {
	/*width: 350px;*/
	width: 45%;
	float:right;
	margin:10px auto 20px auto;
}

.nayami img {
	width: 100%;
	max-width: 335px;
}

.nayami strong {
	font-size:2em;
	letter-spacing:2px;
	line-height:30px;
	color: #FF5F55;

}





/*交通事故治療*/
.accTreatent {
	width: 828px;
	/*background:#AA9FAA;*/
	margin:0px 0 20px 0;
}

.accTreatent p {
	margin: 10px auto;
	width: 100%;
	max-width: 519px;
	line-height:24px;
	letter-spacing:1px;
}

.zikotext {
	float:left;
	clear:both;
	margin:auto;
}

.ziko {
	width:90%;
	margin: 20px auto;
}

.ziko a{font-size: 1.6em;}

.koutsu {
	text-align:center;
	width:200px;
	float: right;
}

.accTreatent img {
	max-width:100%;
	text-align:center;
	margin: auto;
}



/*アクセス*/
.access {
	width: 828px;
	/*background:#AA9FAA;*/
	margin:0px 0 40px 0;
}

.ac, .sc {
	width:90%;
	margin: 20px 40px;
}

.ac {
	border-bottom: 2px dashed #ddd;
	font-size: 1.4em;
}

.ac dt {
	float:left;
	line-height: 24px;
	color: #F29600;

}

.ac dd {
	padding-left: 100px;
	padding-bottom: 10px;
	line-height: 24px;
}

.sc dl {
	margin: 10px 0;
	font-size: 1.4em;
}

.sc dt {
	float:left;
	color:#F29600;

}

.sc dd {
	padding-left: 100px;
	padding-bottom: 10px;
}
.sc a{font-size: 1.4em;}


.scimag {
	text-align:center;
	width:400px;
	margin: 0 auto;
}

.scimag img {
	width:100%;
	max-width:100%;
}

.acsc {
	float:left;
	clear:both;
}

.acrimg {
	width: 260px;
	text-align:center;
	margin:20px 44px 20px 0;
	border: 3px solid #ddd;
}

.acr {
	float:right;
}

.acrimg img {
	width:100%;
	max-width:100%;
}

/*サイドメニュー*/
.sideMenu {
	float:right;
	width:240px;
	/*background:#555FFF;*/
	margin:0px 0 20px 0;
	border-bottom:none;

}
.sideMenu a{
	color:#F29600;
	vertical-align:middle;
}

.sideMenu a:hover{border-bottom: 2px solid #F29600;}

.sideMenu ul {
	width: 100%;
	list-style:none;
	font-size: 1.6em;
}

.sideMenu li {
	padding: 20px 0 20px 12px;
	border-bottom: 1px dashed #ddd;
	/*background-image: url("../img/index/iconleafr.png");
	background-position:left;
	background-repeat: no-repeat;
	background-size:contain;:*/
}

/*サイドバナー*/
.sidegloopBnr {
	width:240px;
	/*background:#555FFF;*/
	clear:both;
	margin:20px 0 20px 0;
}

.hidamaribur {
	width:90%;
	margin:0 auto 20px auto;
}

.hidamaribur img {
	width:100%;
	max-width:100%;
}

#hiroba {
	background-color:#00913A;
	padding: 6px 10px 14px 10px;

}

#houka {
	background-color:#8FC31F;
}

#hoiku {
	background-color:#ffcc00;
}

.leaf {
	width:40px;
	float:left;
	padding-right:10px;
}

.leaf img {
	width:100%;
	max-width:100%;
}
.ana{
	margin: 0;
	padding: 0;
	display: none;
}
/*メインコンテンツここまで*/


/*
.aisatsu{
	width: 750px;
	height: 100%;
	background: #999;
	margin: 24px 16px 24px 0;
	float: left;

}
ご挨拶ここまで*/

@media screen and (max-width : 640px){
	h2{font-size: 18px;}
	.br-sp{display: none;}
	.slider{display: none;}
	#mainContent{
		width: 640px;
		float: none;
	}
	.colm3{
		width: 600px;
		float: none;
		margin: 20px auto 0;
	}
	.colm1{
		width: 600px;
		margin: 20px auto 0;
	}
	.maincolm{
		width: 600px;
		margin:0 auto;
	}
	.aisatsu{
		width: 600px;
		height: 100%;
		margin: 20px auto;
		float: none;
	}
	.aisatsu p{
		width: 100%;
	}
	.sideInfo{
		width: 600px;
		height: 320px;
		float: none;
		clear: both;
	}
	.shousai span{font-size: 16px;}
	.sideInfonaka {
		width:600px;
		height:320px;
		float:none;
		clear: both;
		margin: 0 auto 20px auto;
	}

	.nayamileft{
		margin: 0 10%;
		width: 80%;
	}
	.nayamiimg{float: none;}
	.intyou{margin:20px 25%;}
	.nayami,.accTreatent,.userGuide,.access{
		width:600px;
	}
	.ac,.sc{width:520px;}
	.acrimg{
		width: 65%;
		margin: 20px auto;
	}
	.sideMenu,.FB{display: none;}
	.sidegloopBnr{width: 600px;}
	footer{min-width: 640px;}
	.footerContent,.adress{display: none;}
	.copyrightAria img{float: none;}
	.copyrightAria{min-width: 640px;}

.acr{
	float:none;
}

.acrimg{
	border:none;
}

.topside{
	margin-top:-40px;
}

.koutsu {
	width:40%;
	margin:0 auto;
	float:none;
}

}
@media screen and (max-width : 480px){
	#mainContent{
		width: 480px;
	}
	.colm3,.colm1,.maincolm,.aisatsu,.sideInfo,
	.nayami,.accTreatent,.userGuide,.access,
	.sidegloopBnr,.sideInfonaka{width: 400px;}
	.scimag{width: 320px;}
	.intyou{margin:20px 15%;}
	.icon {
		width:160px;
		float:none;
		clear: both;
		margin: 0 auto;
	}
	.ac,.sc{width:320px;}
	.righttext {padding:0;}

	footer,.copyrightAria{min-width: 480px;}
	.copyright{width: 480px;}
}