@charset "UTF-8";

/* 1580pxより小さくなったらヘッダー部分のみスマホ用にする */
@media screen and (max-width:1580px) {
/* ===================================================================

	Header

=================================================================== */
body > header  { width: 100%; height:115px; z-index: 1; }
body > header .logo { line-height: 1.8; display: inline-block; width: 80%; }
body > header h1 { float:left;  max-width: 60%; margin-left: 4%; margin-top:0px; }
body > header img.logo02 { width: 60%; margin-left: 1%; vertical-align: bottom; }
body > header .h_tel { position:absolute; top:0; right:1%;}
body > header .h_tel img { width:100%; padding-right:20%; }
body > header .logo {
    float: left;
    padding: 10px 0px 0px 0px;
    margin-right: 100px;
}

	      /* h_r
		  ------------------------------------------------------------------- */
		  body > header .h_r { display: none; }


		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { display: none; }


	/* smh_menu
		  ------------------------------------------------------------------- */
		  #smh_menu { display: none; }


/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: block; position: relative;	z-index: 9999; }
	.drawer-nav ul li { margin-right: 0px; float: none; font-size: 1.1rem; display: block;	padding:.75rem;	text-decoration: none;	color: #fff; }
	.drawer-nav ul ul.drawer_sub li a { color: #fff; }

}

@media screen and (max-width:1200px) {
  #content #main {
    width:67%;
  }
  #content #side {
    width:30%;
  }
}

@media screen and (max-width:768px) {
/* ===================================================================

	Setting

=================================================================== */
html { color:#333; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.5rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }
.containar { width:100%; height:100%; margin:0 auto; position:relative; }
.containar:after { content:""; display:block; clear:both; }


.pc { display:none; }
.sp { display:block; }

　　/* link set
	------------------------------------------------------------------- */
	a { color:#5B463F; text-decoration:none; transition:0.3s ease-in-out; }
	a img { transition:0.3s ease-in-out; }
	a:hover { color:#47676F; }

	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ }
	.both { clear:both; }
	.hidden { display: none; }

	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #ffffff; }
	.imgWrap img{ display: block; transition-duration: 0.3s; margin-top: -1px; }
	/*.imgWrap img:hover{ opacity: 0.6; transform: scale(1.1); transition-duration: 0.3s; }*/

	/* 	背景画像＆テキスト使用時スマホ用
	------------------------------------------------------------------- */
	.bg.spTxt { text-indent: 0; width: auto !important; height: auto !important; background-image: none !important; }



/* ===================================================================

	Header

=================================================================== */
body > header  { width: 100%; height:9vh; /*67px*/ z-index: 1; }
body > header .logo { line-height: 1.8; display: inline-block; width: 80%; }
body > header h1 { float:left;  max-width: 60%; margin-left: 4%; margin-top:0px; }
body > header img.logo02 { width: 60%; margin-left: 1%; vertical-align: bottom; }
body > header .h_tel { position:absolute; top:0; right:1%;}
body > header .h_tel img { width:55%; padding-right:0; }
body > header .logo {
    float: left;
    padding: 10px 0px 0px 0px;
    margin-right: 100px;
}

	      /* h_r
		  ------------------------------------------------------------------- */
		  body > header .h_r { display: none; }


		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { display: none; }


	/* smh_menu
		  ------------------------------------------------------------------- */
		  #smh_menu { display: none; }


/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: block; position: relative;	z-index: 9999; }
	.drawer-nav ul li { margin-right: 0px; float: none; font-size: 1.1rem; display: block;	padding:.5rem;	text-decoration: none;	color: #fff; }
	.drawer-nav ul ul.drawer_sub li a { color: #fff; }
  .drawer-nav ul li.line { padding: 0 0.5rem; }
  .drawer-nav ul li.line img { width: 85%; height: auto; }

/* ===================================================================
	/
	/	メインイメージ
	/
	=================================================================== */

	.main_image {
		text-align: center;
		margin-top: 8vh;
		position: relative;
		margin-bottom: 30px;
		padding:0 1%;
	}

	.main_image2 {
		width:70%;
		bottom:5%;
	}




/* ===================================================================
	/
	/	コンテンツフレーム
	/
	=================================================================== */
	#content {
		width:100%;
		margin:0 auto;
		font-size:14px;
		letter-spacing:1px;
		padding:0 3%;
	}
	#content #main {
		width:100%;
		float:none;
		margin-bottom:50px;
	}
	#content #main h3 {
	font-size: 20px;
	}
	#content #main .area .left {
		float:none;
		width:100%;
		margin-bottom:15px;
	}
	#content #main .area .right {
		float:none;
		width:100%;
	}
	#content #main .area .right img {
		width:100%;
		padding:10px;
	}
	#content #side {
		width:100%;
		float:none;
	}

	#content #side .side_recuit img {
	width:100%;
	margin-bottom:30px;
	}

	#content #side .sp_line{
		display: block;
		text-align: center;
		margin-block: 30px;
		padding-top: 15px;
		width: 100%;
		border: 3px solid #00b900;
	}
	#content #side .sp_line img{
		width: 150px;
		padding: 2% 1%;
	}
  #content #side .annai {
    margin-bottom: 30px;
  }
  #content #side .block {
    margin-bottom: 30px;
  }




/* ===================================================================
	/
	/	s1
	/
	===================================================================
	.s1 { background:#ffffff; padding: 10px 0 0; }*/






/* ===================================================================
	/
	/	s2
	/
	===================================================================
	.s2 { padding: 50px 0 35px; }
	.s2 .tc01 {
		width: 100%;
		float: none;
	}
	.s2 h3 {
    margin-bottom: 30px;
	text-align: left;
	}*/



/* ===================================================================
	/
	/	当医院について（clinic）
	/
	=================================================================== */
	.clinic #beginners { padding-top:100px; margin-top:-100px; }
  .clinic #idea { padding-top:100px; margin-top:-100px; }




/* ===================================================================
	/
	/	医師紹介（doctor）
	/
	=================================================================== */
	.doctor .s1 { margin-bottom:50px; }
	.doctor .s1 .ishi_photo img { width:100%; }

	.doctor .s2 p { width:95%; margin:0 auto; }
  .doctor .s2 .ishi h2 { font-size: 22px; line-height: 30px; }
	.doctor .s2 .ishi .ryakureki p { width:95%; margin:10px auto; }

	.doctor #doctor01, .doctor #doctor02, .doctor #doctor03, .doctor #doctor04 { padding-top:100px; margin-top:-100px; }




/* ===================================================================
	/
	/	診療案内
	/
	=================================================================== */
	.seikei .s1 { margin-bottom:50px; }

	.naika .s1 { margin-bottom:50px; }

	.rehabili .s1 { margin-bottom:50px; }
	.rehabili .s2 .setsubi img { width:100%; float:none; padding:2%; }

	.out-rehabili .s1 { margin-bottom:50px; }
	.out-rehabili .s2 .setsubi .setsubi_box { width:100%; float:none; margin-bottom:10px; padding:2%; }
	.out-rehabili .s2 .setsubi .setsubi_box img { padding:0; }

	.visit-rehabili .s1 { margin-bottom:50px; }



/* ===================================================================
	/
	/	診療時間（hours）
	/
	=================================================================== */
	.hours .s1 table tr td { padding:5px 8px; font-size: 1em; border: 1px solid #222; }
	.hours .s2 .tantou th, td { line-height:unset; }
	.hours #tantou { padding-top:100px; margin-top:-100px; }
  .hours .s2 p.miyaroko { font-size: 2rem; }


/* ===================================================================
	/
	/	交通案内（access）
	/
	=================================================================== */
	.access .s2 { margin-bottom:50px; }
	.access .s2 iframe { height:300px; }


/* ===================================================================
	/
	/	採用情報　
	/
	=================================================================== */
	.recruit .s1 .rec_box { margin:0 auto 30px; }
	.recruit .s1 .rec_box .rec_tit { width:30%; }






/* ===================================================================
	/
	/	footer contact
	/
	=================================================================== */
	.footer_contact { background: linear-gradient(#dff6ff, #2a81ae ) fixed; margin: 0; padding: 54px 0; }

	/* .l
		--------------------------------------------------------- */
		.footer_contact .l { float: none; text-align: center; width: 100%; margin: 0; padding:15px; }
		.footer_contact .l h1 { font-size:1.2em; border-bottom:1px solid #000; }
		.footer_contact .l p { margin:20px 0 0; font-size: 90.3%; }

	/* .r
		--------------------------------------------------------- */
		.footer_contact .r { float:none; width:86%; margin:0 auto; }
		.footer_contact .r p { display: block; margin: 0; width: auto; padding: 15px 0; background-color: #000; background-image: none; border-radius: 3px; color: #fff; text-align: center; text-decoration: none; font-size: 100%; font-weight: bold; height: auto; }
		.footer_contact .r p a { color: #fff; text-decoration:none; }
		.footer_contact .r img { display:none; }




/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	body > footer > .containar {  }
	small { display: block; margin-right: 0; }


}


@media screen and (max-width:479px) {
  .sp_only { display:block; }
  .main_image {
    margin-top: 50px;
  }
  #content #side .sp_line img{
    padding: 4%;
  }
  .hours .s1 table tr td {
    padding: 5px 8px;
    font-size: 0.8em;
    letter-spacing: 0;
  }
	.clinic #beginners { padding-top:75px; margin-top:-75px; }
  .clinic #idea { padding-top:75px; margin-top:-75px; }
  .hours #tantou { padding-top:75px; margin-top:-75px; }
  .doctor #doctor01, .doctor #doctor02, .doctor #doctor03, .doctor #doctor04 { padding-top:75px; margin-top:-75px; }

  .kitei_box table tr th, .kitei_box table tr td { padding: 5px 6px; font-size: 13px;}
  .kitei_box table tr td:nth-of-type(1) { width: unset; }
  .kitei_box table tr td:nth-of-type(2) { width: unset; }
  .kitei_box table tr td:nth-of-type(3) { width: unset; }
}