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

/* ======================================= */
/* ▼スマホ用メニュー */	
/* ======================================= */
.sp .flex{
	display: flex;
  justify-content: space-between;
  align-items: center;
	margin-bottom: 10px;
  padding: 0 20px;
  gap: 10px;
}
.sp .flex .left {
  width: 55%;
} 
.sp .flex .left h1 .page-title {
  font-size: 24px;
  display: block;
  padding-top: 10px;
}
.sp .menu {
	/* display: flex; */
	width:100%;
	z-index: 1000;
}
.sp .menu ul {
	display:flex;
	width: 100%;
}
.sp .menu li {
	background: url(../images/common/bg_nav.png) repeat-x top left;
	display: block;
	text-align: center;
	float: left;
	font-size:18px;
	width:21.5%;
}
.sp .menu li img{
	width:100%;
}
.sp .menu li:last-child {
	width:35.5%;
	background: url(../images/common/bg_line.png) repeat-x top left;
}
.sp .menu li a {
	color: #fff;
}
.sp .menu li span {
	display: block;
	color: #84583d;
	font-size: 12px;
}
/*----------------------------------
  ハンバーガーメニュー
----------------------------------*/
/*ACCORDION*/
#accordion .a_menu{
  display: none;
}
#accordion .toggle{ display:block;
}

.menu #accordion ul.inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 0 30px;
  background-color: #f8f0e7;
}

.menu #accordion ul.inner li {
  flex-basis: 50%;
  margin: 0;
}

.sp_menu_last {
  flex-basis: 100% !important;
}

#accordion ul.child {
display: none;
    margin: 0 0 -1px 2%;
    padding: 0;
    background: #fff;
position: absolute;
    z-index: 101;
    left: 0;
	width: 96%;
text-align:center;
overflow:scroll;
-webkit-overflow-scrolling:touch;
}
#accordion ul.child > li {
display: list-item;
    margin: 4px auto;
    padding: 40px;
    border-bottom: 1px dotted #dddddd;
    text-align: match-parent;
	float:none;
	font-size:150%;
	width: 100%;
	}
#accordion .child > li a{
	opacity:0.8;
	font-weight:bold;
	}
#accordion ul.child02 {
display: none;
	width: 100%;
    margin: 42px 0 -1px;
    padding: 0;
    background: #fff;
position: absolute;
    z-index: 101;
    left: 0;}
#accordion ul.child02 > li {
display: list-item;
    margin: 4px auto;
    border-bottom: 1px dotted #dddddd;
    text-align: match-parent;
	float:none;
	font-size:120%;
	width:100%;
	}
#accordion ul.child02 > li > a{
	background:#FFF;
	display:block;
	color:#542908;
	padding:40px;
	border-radius:4px;
	}
div.close{ display:block;
background:#542908;
text-align:center;
font-size:200%;
color:#FFF;
padding:40px;
width: 100%;
}
.menu #accordion ul.child02 div.close{font-size:100%;
}	

/* ======================================= */
/* ▼横幅600px～849pxの場合に適用されるCSS */	
/* ======================================= */
@media (max-width: 1279px) {
  body {
    font-size: 16px;
	padding:0 20px;
  }

/* ▼PC/スマホ表示非表示 */
.pc{ display:none;}
.sp{ display:block;}


/* ▼ページレイアウト */
.page-cover {
	display: block;
	width: 100%;
	margin: 0 auto;
	background:#fffbea;
}

/* ▼メインカラムの装飾 */
/*.main-column {
	display: block;
	float:right;
	width:72%;
	padding-top:16px;
}*/
/* ▼メインカラムの装飾 */
.main-column {
	display: block;
	width:100%;
	padding:16px 15px 0 15px;
	font-size:3.5vw;
}
/*
.main-column img{
	width:auto;
	max-width: 100%;
	height: auto;
	
}
*/
.main-column img.max{
	width:100%;
	max-width: 100%;
	height: auto;
}






/* ▼サイドカラムの装飾 */
	.side-column {
	text-align: center;   /* 内部のインラインブロックを中央に寄せる */
	padding: 1em 0.2em;   /* 上下に若干の余白を設ける */
	float:left;
	width:26%;
}
/* ▼サイドカラムの内側だけで各ボックスを2段組にする */


header {
	padding:20px;
}

header h1 {
    float: left;
	padding-top: 20px
}

.head-nav {
    width:100%;
	position:fixed;
	background-color:#f8f0e7;
	border-top:8px solid #75C6B9;
    top:0;
	left:0;	
    -webkit-overflow-scrolling: touch;
	z-index:110;
	
	}
	
.topbtn {
    float: right;
	padding:18px 0 0;
	width: 900px;

}


/*.topbtn .tel img{
	width:48%;
}

.topbtn .add p{
	font-size:2.5vw;
	
}
*/

/* スマホのとき　*/


sp header h1 {
    float: left;
	padding-top: 10px
}
sp.topbtn {
    float: right;
	padding:18px 0 0;
	width:40%;
}


/*--------------------------------------------
 
　　　メイン
 
---------------------------------------------*/
.main {
    background: url(../images/mv_sp_20200312.jpg) no-repeat top;
	background-size:cover;
    height: 646px;
	position:relative;
	margin-top:268px;
}


.main_voices {
    background: url(../images/voice/mv_voices_sp.jpg) no-repeat top center;
	background-size:cover;
    height: 646px;
	position:relative;
	margin-top:268px;
}

.main_pelvis {
    /* background: url(../images/plevis/mv_sp_plevis.png) no-repeat top center; */
    background: url(../images/voice/mv_voices_sp.jpg) no-repeat top center;
	background-size:cover;
    height: 646px;
	position:relative;
	margin-top:268px;
}

	

#mainPoint{
    width: 100%;
    margin: 0 auto;
    top: 66%;
			}
#mainPoint li{
    margin: 0 0 0 30px;
	}
	
#mainPoint li p{
	line-height:1.2em;
	}
#mainPoint li span {
    font-size: 22px;
    line-height: 1.4rem;
    margin-bottom: 15px;
}
 
 

/*--------------------------------------------
 
　　　nav
 
---------------------------------------------*/
nav .menu li {
    width: 128px;
}

#point5 dl dd {
	font-size:22px;
}
#point5 dl dd p{
	background:#FFFFFF;
}
/*--------------------------------------------
 
　　　アクセス情報
 
---------------------------------------------*/
#access {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 80px;
		}
#access .row {
	background:none;
	width:90%;
}
#access h2 {
    margin:50px 0; 
}
#access p {
	float:left;
	width:47%;
}
.gmap {
    text-align: center;
	float:right;
}

ul.axsRoute{
	color:#461d06;
	}
ul.axsRoute li{
	font-size:20px;
	background:url(../images/common/icn_sqare.png) no-repeat left 10px;
	padding-left:28px;
	}
	
/*--------------------------------------------
 
　　　オファー
 
---------------------------------------------*/
#contact {
    width: 100%;
    padding: 0 20px;
		}

/*--------------------------------------------
 
　　　フッター
 
---------------------------------------------*/
.footer_menu p{
	text-align:center;
	
}


.footer_menu li{
	margin:0 10px;
	font-size:22px
	}
	
	
/*--------------------------------------------
 
　　　患者さまの声
 
---------------------------------------------*/
#voices {
	margin-bottom: 30px;
}




#voices dl{
	background:url(../images/voice/line_dot.png) repeat-x bottom;
	padding-bottom:40px;
	margin:0 0 40px;
}

#voices dl dt{
	float:left;
	width:100%;
}
#voices dl dd{
	float:right;
	font-size:3.5vw;
	line-height:1.7em;
	width:100%;
	padding-left:10px;
	}
		
	
	
#voices h3 {
	background:#7CBC27;
	padding:4px 15px;
	border-radius:3px;
	font-size:3.5vw;
	color:white;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline-block;
	margin:0 0 10px;
}

#voices dt .name{ font-size:4vw;}
#voices dt .name:after{ content:"さん"; font-size:2.5vw;}
#voices dt .cstmr{ font-size:3.5vw;}
#voices dt img{ display:block; width:100%; }


/*--------------------------------------------
 
　　腰椎椎間板ヘルニア
 
---------------------------------------------*/

#hernia .contbox{
	padding:20px 40px 23px;
	font-size:3.5vw;
	margin: 0 0 30px;
	background: #FFF;
}

#hernia .box_nayami p{
	text-align:center;
	font-size:3.5vw;
	line-height:160%;
	}

#hernia .leadtxt h3{
	text-align:center;
}

.spinal_qa .question p{
    text-align: left;
    margin: 0 auto;
    color: #603813;
    border-top: 2px solid #603813;
    border-bottom: 2px solid #603813;
    font-size: 3.5vw;
    padding: 0 0 0 16px;
    font-weight: bold;
	}	

/* Q&A
----------------------------- */
.spinal_qa .answer{
	font-size:3.5vw;
	padding-left:40px;
	line-height:1.6em;
	}	

/* 患者さまの声
---------------------------*/

#hernia .cate h4{
	font-size: 3.5vw;
}


/*--------------------------------------------
 
　　　院長の想い
 
---------------------------------------------*/
#principle p {
	font-size:3.5vw
}

#principle .boxL p {
	font-size:3.5vw;
	line-height:160%;
}





#prof table {
	padding-left:246px;
	width:70%;
	font-size:3.5vw;
	text-align:left;
	background:#FFF;
}




/*--------------------------------------------
 
　　　料金表
 
---------------------------------------------*/
#price {
	margin-bottom: 30px;
}
#price h4{
	margin-bottom: 20px;
	text-align:center;
}


#price .boxL {
	float:none;
	width:100%;
}

.boxL {
	float:none;
	width:100%;
	margin:0 auto;
}

#price .boxR {
	float:nonet;
	width:100%;
	margin:0 auto;
}

.boxR {
	float:none;
	width:100%;
	margin:0 auto;
}

	


#price .boxL p {
	font-size:3.5vw;
	line-height:180%;
}

.boxL p {
	font-size:3.5vw;
	line-height:180%;
}


/* .priceBox{
	font-size:3.5vw;
	border:1px solid #f29600;
	border-radius:3px;
	background:#FFF;
	padding: 20px 20px 35px;
	margin:16px 0 0;
} */
	
#graph {
	margin-top:30px;
	padding-bottom:30px;
}

/* .priceBox .price{
	font-size:5vw;
	text-align:center;
	}
.priceBox .price span{
	font-size:2.5vw;
	} */



/*保険診療についての注意事項
　----------------------------*/

#insurance info{
	width:100%;
	margin:0 auto; 
}

	
.maru{
	margin-top:20px;
	background:#fffafa;
}

.maru, .batsu{
	margin-bottom:20px;
	padding:1em 0em;
	border:2px solid #ede7dd;
	border-radius:10px;
}

.maru h4{
	color:#f76060;
	margin-left:10px;
}

.maru h4 span{
	display:inline-block;
	padding:0 10px 3px;
	border-bottom:3px dotted #FF6F6F;
	font-weight:bold;
}


ul.ii_desc li{
	font-weight:nomal;
	font-size:90%;
}

ul.ii_desc li.red{
	color:#f76060  !important;
	font-weight:bold;
}

ul.ii_desc li.red span{
	color:#333333;
	font-weight:nomal;
}



.batsu{
	background:#f7ffff;
}

.batsu p{
	color:#09F;
	margin-left:25px;
	margin-top:10px;
	font-size:90%;
	font-weight:normal;
}
	
	
.batsu h4{
	color:#09F;
	margin-left:10px;
}

.batsu h4 span{
	display:inline-block;
	padding:0 10px 3px;
	border-bottom:3px dotted #09F;
	font-weight:bold;
}


/*--------------------------------------------
 
　　　メニュー
 
---------------------------------------------*/


.price_box p {
	font-size:3.5vw;
	padding-top:4.5vw;
	padding-bottom:2.5vw;
}

.title {
	font-size:3.5vw;
	
}

.sango {
	font-size:3.5vw;
}

#kotsujiko p{
	font-size:3.5vw;
	line-height:1.5;
}

#spotu p{
	font-size:3.5vw;
}

#kotsuban p{
	font-size:3.5vw;
	line-height: 160%;
}

#kotsuban　h4{
	font-size:3.5vw;
}




#neck p{
	font-size:3.5vw;
	line-height:1.5;
}

#chin p{
	font-size:3.5vw;
	line-height:1.5;
}

#osgood p{
	font-size: 3.5vw;
	line-height:1.5;
}

#shisei {
	padding-top:0px;
}

#shisei p{
	font-size:3.5vw;
	line-height:1.5;
}

#sango {
	margin-top:-350px;
}

#sango p{
	font-size:3.5vw;
	line-height:1.5;
}
	
	
.txtL_imgR .fl{width: 100%}
.txtL_imgR .fr{width: 100%}
.txtR_imgL .fl{width: 100%}
.txtR_imgL .fr{width: 100%}



/*腰痛
　----------------------------*/

#lumbago p{
	font-size: 3.5vw;
}


/*肩こり
　----------------------------*/
#stiff{
}

#stiff p{
	font-size: 3.5vw;
}

/*頭痛
　----------------------------*/
#headache{
}

#headache p{
	font-size: 3.5vw;
}

.box_nayami .ttl{ 
font-size:3.2vw;
line-height:1.5;
}
.box_nayami .body{
	margin:0 0 18px;
	}
	
	
.box_nayami li{
	font-size:4vw;
	line-height: 1.8;

	}



#att_point h4{
	font-size:20px;
	}
	
#att_point ul li{
	font-size:3.5vw;
	}

.radius_or{
	font-size:4vw;
}

/*股関節
　----------------------------*/
#hipjoint{
}
#hipjoint h4 {
    font-size: 22px;
}
#hipjoint p{
	font-size: 3.5vw;
}


#att_point_hip ul li{
	font-size:3.5vw;
	line-height: 1.5;
	}
ul.GreenBig li{
	font-size:3.5vw;
	line-height:1.5;
}

.radius_or{
	line-height:1.5;
}

/*肘の痛み
　----------------------------*/
#elbow p{
	font-size: 3.5vw;
}

#elbow h5{
	text-align:center;
}



/*--------------------------------------------
 
　　　骨盤矯正
 
---------------------------------------------*/

#afterbirth
{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}


#afterbirth .box_nayami li{
	font-size: 4vw;
}



#afterbirth .contbox p{
	font-size: 3.5vw;
	line-height: 1.5;
}



#afterbirth .contbox h4{
	font-size:4vw;
	line-height:1.5;
}

#afterbirth img.midium{
	width:50%;
	margin:0 auto;
	display: flex;
}


#afterbirth .contbox .point01{
	font-size:4vw;
	line-height: 1.5;
}

#afterbirth .contbox .point02{
	font-size:4vw;
	line-height: 1.5;
}

#afterbirth .contbox .point03{
	font-size:4vw;
	line-height: 1.5;
}

#afterbirth .contbox .point04{
	font-size:4vw;
	line-height: 1.5;
}

#afterbirth .cont p{
	font-size: 3.5vw;
	line-height: 1.5;
}



/* 患者さまの声
---------------------------*/


#afterbirth .voice{
	font-size: 3.5vw;
}

#afterbirth .voice .boxR{
	width: 100%;
}



/*--------------------------------------------
 
　　　院内の様子
 
---------------------------------------------*/
#facilities .boxL {
	float:none;
	width:100%;
}
#facilities .boxL p {
	font-size:3vw;
}
#facilities .boxR {
	float:none;
	width:90%;
}
#facilities .boxR img {
	margin:0 auto;
	width:100%
}


#main-box p img{
	text-align:center;
}


.gmap{
	float:none;
}



}


/* ==================================== */
/* ▼横幅850px以上の場合に適用されるCSS */	/* ※この部分の解説は、記事2ページ目をご参照下さい。 */
/* ==================================== */
@media (min-width: 1280px) {
/* ▼ページレイアウト */
.page-cover {
	display: block;
	/* width: 1400px; */
	max-width: 1400px;
	/* padding:55px 210px 0; */
	padding:55px 160px 0;
	margin: 0 auto;
	background:#fffbea;
}

/* ▼PC/スマホ表示非表示 */
.pc{ display:block;}
.sp{ display:none;}


/* ▼メインカラムの装飾 */
.main-column {
	display: block;
	float:right;
	width:70%;
}
/* ▼サイドカラムの装飾 */
.side-column {
	display: block;
	float:left;
	width: 25.5%;
}

/*-----------------------

------------------------*/

header {
    position: relative;
    z-index: 1;
    width: 100%;
	height:150px;
}

header h1 {
    float: left;
    margin-top: 28px;
}
.head-nav {
    width: 980px;
    margin: 0 auto;
}

/*--------------------------------------------
 
　　　header
 
---------------------------------------------*/


.topbtn {
    float: right;
	margin-top:22px;
}

.topbtn ul {
    float: right;
    margin-top: -5px;
    margin-bottom: 15px;
}

.topbtn > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.topbtn > ul > li:last-child {
    border-right: none;
}

.topbtn span{
    float: right;
	display: block;
	padding-top: 4px;
	font-size: 110%
}
/*--------------------------------------------
 
　　　nav
 
---------------------------------------------*/
nav .menu li {
width: 110px;
}

nav .menu li:last-child {
    margin-right: 0;
	}
	
/*--------------------------------------------
 
　　　main
 
---------------------------------------------*/
.main {
    background: url(../images/mv_pc_20200312.jpg) no-repeat center  ;
	background-size:cover;
    height: 554px;
	position:relative;
}

.main_voice {
    background: url(../images/voice/mv_voices.jpg) no-repeat center  ;
	background-size:cover;
    height: 646px;
	position:relative;
}

.main_pelvis {
    background: url(../images/plevis/mv_plevis.png) no-repeat top center;
	background-size:cover;
    height: 550px;
	position:relative;
}

#mainPoint{
    width: 980px;
    margin: 0 auto;
    left: 50%;
    top: 25%;
}
#mainPoint li{
	margin:0 0 0 10px;
}
#mainPoint li span {
    font-size: 19px;
    line-height: 1.2rem;
    margin-bottom: 26px;
}

#point5 dl dd {
	font-size:22px;
	line-height:180%;
}

/*--------------------------------------------
 
　　　アクセス情報
 
---------------------------------------------*/
#access {
    margin-bottom: 30px;
    width: 1400px;
    margin: 0 auto;
    padding: 0 200px 80px;
		}
#access .row {
	background:none;
	width:980px;
}
#access h2 {
    margin:50px 0; 
}
#access p {
	float:left;
}
.gmap {
    text-align: center;
	float:right;
}

ul.axsRoute{
	color:#461d06;
	}
ul.axsRoute li{
	font-size:20px;
	background:url(../images/common/icn_sqare.png) no-repeat left 10px;
	padding-left:28px;
	}

/*--------------------------------------------
 
　　　オファー
 
---------------------------------------------*/
#contact {
    width: 1400px;
    padding: 0 200px 80px;
	margin:0 auto;
		}
		
/*--------------------------------------------
 
　　　フッター
 
---------------------------------------------*/
.footer_menu{
	width:980px;
	margin:0 auto 0;
	text-align:center;
	}
.footer_menu ul{
	margin-top:28px;
	}
.footer_menu li{
	margin-right:98px;
	}
}