@charset "UTF-8";

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

	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; }



.sp { display:none; }
.sp_only { display:none; }
.pc { display:block; }
.main_wrapper { overflow:hidden;}

　　/* 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; transition: all .3s; }

	/* 	背景画像＆テキスト使用時
	------------------------------------------------------------------- */
	.bg { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; }
　　/* 	テキスト指定
	------------------------------------------------------------------- */
　　.min { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif, sans-serif; }


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

	Header

=================================================================== */
body > header { position:fixed; width:100%; height:130px; margin:0 auto; background:#FFF; z-index:9999; transition:0.3s ease-in-out; }
body > header * { transition:0.3s ease-in-out; }
body > header:after { content:""; display:block; clear:both; }
body > header .logo { float:left; padding:18px 0px 0px 30px; margin-right: 20px;}
body > header h1 { }
body > header h1 p { }
body > header h1 a:hover { top:-5px; }
body > header p { position:absolute; left:185px; top:10px; font-size:0.9rem; color:#999; }

	      /* h_r
		  ------------------------------------------------------------------- */
		  body > header .h_r { float:right; margin-right: 20%;}

		  /* h_r
		  ------------------------------------------------------------------- */
		  body > header .h_tel { position:absolute; top:0; right:1%;}
		  body > header .h_tel img { margin-left: 4%; }

		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { width: 100%; }
		  body > header nav ul.ddmenu { width:100%; height:auto; }
		  body > header nav ul.ddmenu:after { content:""; display:block; clear:both; }
		  body > header nav ul.ddmenu li { float:left; margin-right: 0; padding-top: 34px; width:142px; }
		  body > header nav ul.ddmenu li a { display:block; height:100%; text-align:center; font-size:1.1rem; color:#47676F; position:relative; letter-spacing:2px; padding-top:0; text-decoration:none; margin-top: 1px; }
		  body > header nav ul.ddmenu li:first-child a { border-left:none; }
		  body > header nav ul.ddmenu li a .sml { display:block; font-size:0.8rem; color:#EB438C; margin-top:-2px; }
		  body > header nav ul.ddmenu li a:after { content:""; width:100%; height:10px; background-position:top 5px center; background-repeat:no-repeat; position:absolute; left:0; top:0; }
		  body > header nav ul.ddmenu li a:hover,
		  body > header nav ul.ddmenu li.ac a { margin-top:5px; color:#47676F; }
		  body > header nav ul.ddmenu li:hover ul { display:block; }
		  body > header nav ul.ddmenu ul { display:none; margin:0; padding:0; width:200px;padding-top: 25px; margin-left: 20px; }
		  body > header nav ul.ddmenu ul li { float:left; width:100%; height:43px; margin-left:-48px; background-color:#D1EDF6; border-bottom: 1px solid #fff;padding-top: 0px; }
		  body > header nav ul.ddmenu ul li a { display:block; height:100%; text-align:center; font-size:1.1rem; color:#000; position:relative; letter-spacing:2px; padding-top: 12px; text-decoration:none; margin-top: 1px; }
		  body > header nav ul.ddmenu li a:hover { margin-top:5px; color:#47676F; }



/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: none; }





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

	.main_image {
		text-align:center;
		margin-top: 125px;
		position:relative;
		margin-bottom:75px;
		padding:0 5%;
	}
	.main_image > img {
		width:100vw;
	}
	.main_image2 {
		position: absolute;
		right:0;
		bottom:10%;
	}

/* ===================================================================
	/
	/	コンテンツフレーム
	/
	=================================================================== */

	#content {
		max-width:1200px;
		width: 95%;
		margin:0 auto;
		font-size:14px;
		letter-spacing:1px;
	}
	#content #main {
		width:790px;
		float:left;
	}
	#content #main h3 {
	background-image: url(../images/h3_bg.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	font-size:25px;
	font-weight:bold;
	line-height:34px;
	margin-bottom:30px;
	}
	#content #main ul li {
	list-style-type: disc;
	margin-left: 20px;
	}
	#content #main ul li.philosophy_li {
	list-style-type: decimal;
	margin-left: 20px;
	font-weight:bold;
	font-size:1.4rem;
	}
	#content #main ul li.philosophy_li2 {
	list-style-type: disc;
	margin-left: 20px;
	font-weight:bold;
	font-size:1.4rem;
	}
	#content #main .area {
		margin-bottom:30px;
	}
	#content #main .area .left {
		float:left;
		width:70%;
	}
	#content #main .area .right {
		float:right;
		width:25%;
	}

	#content #side {
		width:290px;
		float:right;
	}
	#content #side h3 {
		font-size:18px;
		font-weight:bold;
		letter-spacing:3px;
		margin-bottom:27px;
	}
	#content #side .annai {
		padding:25px 17px;
		background-color:#BAE3F1;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-bottom:60px;
	}
	#content #side ul li {
		line-height:36px;
	}
	#content #side .block {
	padding: 25px 17px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 60px;
	border: 1px solid #666;
	}
	#content #side .block .stime {
	background-image: url(../images/side_stime.jpg);
	background-repeat: no-repeat;
	text-indent: 43px;
	line-height:43px;
	}
	#content #side .block .gozen {
	font-size:	16px;
	font-weight:bold;
	letter-spacing:2px;
	}
	#content #side .block .gozen img {
	margin-right:20px;
	margin-bottom:5px;
	}
	#content #side .block .hos {
	background-image: url(../images/side_hos.jpg);
	background-repeat: no-repeat;
	text-indent: 43px;
	line-height:37px;
	}
	#content #side .side_miyaroko {
		padding:0;
		margin-bottom:30px;
	}
	#content #side .side_miyaroko img {
		border-radius:10px;
		width:100%;
	}
	#content #side .sp_line {
		display: none;
	}


/* ===================================================================
	/
	/	お知らせ（news）
	/
	=================================================================== */










/* ===================================================================
	/
	/	当医院について（clinic）
	/
	=================================================================== */
	.clinic .s1 { margin-bottom:80px; }
	.clinic .s2 { margin-bottom:80px; }
	.clinic .s3 { margin-bottom:80px; }
	.clinic .s2 h3 { margin-top:30px; }
	.clinic .s3 h3 { margin-top:30px; }
	.clinic .s3 p.philosophy { font-size:2.0rem; margin-bottom:20px; font-weight:bold; }
	.clinic .s1 ul li { margin-bottom:10px; line-height:30px; }
	.clinic .s2 ul li { margin-bottom:10px; line-height:30px; }
	.clinic .s3 ul li { margin-bottom:10px; line-height:30px; }
	.clinic #beginners { padding-top:130px; margin-top:-130px; }
	.clinic .s3 .tile { border:solid 1px #000; margin:15px; padding:5px; box-shadow:1px 1px 2px #000; }
	.clinic .s3 p.tile_text { margin:20px; }
	.clinic #idea { padding-top:130px; margin-top:-130px; }


/* ===================================================================
	/
	/	医師紹介（doctor）
	/
	=================================================================== */
	.doctor .s1 { margin-bottom:80px; }
	.doctor .s1 .ishi_photo img { width:49%; padding:10px; }
	.doctor .s2 { margin-bottom:80px; }
	.doctor .s2 .ishi { margin-bottom:50px; }
	.doctor .s2 .ishi h2 { background-color:#bae3f1; padding:10px; text-indent: 10px; font-size:25px; font-weight:bold; line-height:34px; margin-bottom:30px;border-radius: 10px; }
	.doctor .s2 .ishi p { line-height:25px; margin-bottom:15px; }
	.doctor .s2 .ishi p span { color:#F00; }
	.doctor .s2 .ishi p.name { text-align:right; }
	.doctor .s2 .ishi .ryakureki h3 { margin-top:30px; }
	.doctor .s2 .ishi .ryakureki p { line-height:20px; margin:10px 0; }

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


/* ===================================================================
	/
	/	診療時間（hours）
	/
	=================================================================== */
		.hours .s1 { margin-bottom:80px; }
		.hours .s1 table { width:100%; margin:0 auto 20px;}
		.hours .s1 table tr td { border: 2px solid #222; padding:15px 25px; text-align:center;border-radius: 6px; vertical-align:middle; font-size: 1.2em; }
		.hours .s1 p span { font-weight:bold; }

		.hours .s2 .tantou { text-align:center; width:100%; }
		.hours .s2 .tantou th, td { padding: 14px 10px; font-weight: 100; border: solid 1px #c1c1c1; line-height: 2; vertical-align: middle; }
		.hours .s2 .tantou td.gogo { background-color:#ecf8fb; border-bottom: #0099cb; border-bottom-style: solid; }
		.hours .s2 .tantou td.kamoku { border-bottom:#0099cb; border-bottom-style: solid; font-weight: 600; text-align:left; width:20%; }
		.hours .s2 .tantou td span { color:#F00;}
		.hours .s2 .tantou tr.youbi { font-weight: 600; color: #f7fdfc; background-color: #0099cb; text-align: center; }
		.hours .s2 p { text-align:right; margin:10px 0; }
		.hours .s2 p.miyaroko { text-align:center; margin:20px 0; font-size:2.5rem; font-weight:bold; }
		.hours #tantou { padding-top:130px; margin-top:-130px; }


/* ===================================================================
	/k
	/	診療案内
	/
	=================================================================== */
	.seikei .s1 { margin-bottom:80px; }
	.seikei .s2 p { font-weight:bold; }

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

	.rehabili .s1 { margin-bottom:80px; }
	.rehabili .s1 p.name { text-align:right; }
	.rehabili .s2 h3 { margin-top:30px; }
	.rehabili .s2 .setsubi { margin-bottom:30px; overflow:hidden; }
	.rehabili .s2 .setsubi img { width:50%; float:left; padding:10px 20px 5px 0; }

	.out-rehabili .s1 { margin-bottom:80px; }
	.out-rehabili .s1 p.name { text-align:right; }
	.out-rehabili .s2 h3 { margin-top:30px; }
	.out-rehabili .s2 .setsubi { margin-bottom:30px; overflow:hidden; }
	.out-rehabili .s2 .setsubi .setsubi_box {  width:50%; float:left; margin-bottom:30px; }
	.out-rehabili .s2 .setsubi .setsubi_box img { padding:10px 20px 5px 0; }

	.visit-rehabili .s1 { margin-bottom:80px; }
	.visit-rehabili .s2 h3 { margin-top:30px; }

	.link { color: #0099CC; }
	.link::before { content: '▶ ';}
	.link:hover { color: #0099CC; }
	.link:hover span { text-decoration: underline; }

	.kitei_title { font-size: 18px; font-weight: bold; margin-bottom: 30px; background-color: #e4f4fa; padding: 10px; }
	.kitei_box { margin-bottom: 30px; }
	.kitei_box .bold { font-weight: bold; }
	.kitei_box .indent { text-indent: -2em; padding-left: 2em; }
	.kitei_box ul li { list-style-type: none !important; }

	.kitei_box table { border-collapse: collapse; }
	.kitei_box table tr th, .kitei_box table tr td { border: 1px solid #666; padding: 10px 10px; line-height: 1.6; vertical-align: top; }
	.kitei_box table tr th { font-weight: bold; background-color: #E4F4FA; }
	.kitei_box table tr td:nth-of-type(1) { width: 16%; }
	.kitei_box table tr td:nth-of-type(2) { width: 50%; }
	.kitei_box table tr td:nth-of-type(3) { width: 34%; }




/* ===================================================================
	/
	/	交通案内（access）
	/
	=================================================================== */
	.access h4 { line-height: 18px; text-indent: 10px; border-left-width: 18px; border-left-style: solid; border-left-color: #42B4D9; margin-top: 35px; margin-bottom: 15px; color: #42B4D9; }

	.access .s1 { margin-bottom:80px; }
	.access .s2 { margin-bottom: 100px; }
	.access .s2 iframe { margin:20px auto; }




/* ===================================================================
	/
	/	採用情報　
	/
	=================================================================== */
	.recruit .s1 .rec_box { width:100%; margin:0 auto 50px; }
	.recruit .s1 .rec_box .rec_tit { width:25%; background-color: #ecf8fb; }
	.recruit .s1 p { width:100%; margin:0 auto 10px; line-height:25px; }



/* ===================================================================
	/
	/	採用情報　※WP
	/
	===================================================================
	.recruit .main .s1 .recruit-area .site-main { margin:0; display:flex; }*/



/* ===================================================================
	/
	/	宮ロコチェック　
	/
	=================================================================== */
	.miyaroko .s2 { margin-bottom:80px; }
	.miyaroko .s2 p { line-height:25px; margin-bottom:15px; }
	.miyaroko .s2 span { font-size:2rem; font-weight:bold; }
	.miyaroko .s2 span.red { color:#F00; }
	.miyaroko .s2 .margin {margin-top:30px; }
	.miyaroko .s2 blockquote {margin:30px 20px 0 20px; padding:35px 35px; border:1px #eee solid; }
	.miyaroko .s3 { margin-bottom:80px; }
	.miyaroko .s3 p.torikumi_tit { font-size:1.5rem; border-bottom:1px solid #000; }
	.miyaroko .s3 p.torikumi_tit span.nendai { font-size:2rem; font-weight:bold; }
	.miyaroko .s3 .torikumi_box { width:100%; display:flex; margin-bottom:30px; }
	.miyaroko .s3 .torikumi_box .torikumi { width:100%; }
	.miyaroko .s3 .torikumi_box .torikumi p { line-height:25px; margin-bottom:15px; padding:10px; }
	.miyaroko .s3 .torikumi_box .torikumi_img { width:30%; }
	.miyaroko .s3 .torikumi_box .torikumi_img img { width:100%; padding:10px; }





/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer .f01 { width:100%; background-color:#f2f2f2; overflow:hidden; display:table; /*line-height: 60px; */}
	footer .f01 ul { overflow:hidden; margin:0 auto; width:90%; }
	footer .f01 ul li { float:left; /*margin:0 1.5%*/; font-size:12px; margin:10px; }

	footer .f01 ul li+ li { border-left: 1px solid #333; padding-left:10px; }

	footer .f02 { width:100%; margin:1% 5%; }
	footer .f02 ul { overflow:hidden; }
	footer .f02 ul li { float:left; margin-right:3%; font-size: 14px; }

	body > footer > .containar { padding: 15px 0 20px; text-align:center; border-top:solid 1px #ccc; margin-top:40px; }
	small { display: block; margin-right: 2%; font-size: 0.5em; }