@charset "UTF-8";
/* ***********************************************************************
    Shimura Orthopaedic Clinic - <Page>
*********************************************************************** */
/*
    0 : Common
    3 : Rehabili
	6 : Daycare
	
*/
/* ***********************************************************************
    0 : Common
*********************************************************************** */
/**[ SP ]**/
section {
	margin-bottom: 80px;
}
section:last-child {
	margin-bottom: 0;
}

/**| indent |**/
.indent {
	width       : 90%;
	height      : auto;
	margin-left : auto;
	margin-right: auto;
	text-align  : left;
}
.indent .leftColumn,
.indent .rightColumn {
	float       : none;
	display     : block;
	width       : 100%;
	height      : auto;
	margin-left : auto;
	margin-right: auto;
}
.indent .rightColumn {
	margin-top: 48px;
}

/**| 表 |**/
.graph {
	background      : url(../images/dottedline.png) left bottom repeat-x;
	background-size : 3px 1px;
	background-color: #fffcf0;
	width           : 100%;
	height          : auto;
	margin          : 0 auto 32px;
	padding-bottom  : 1px;
}
.graph dl{
	background     : url(../images/dottedline.png) left top repeat-x;
	background-size: 3px 1px;
	width          : 100%;
	padding-top    : 1px;
}
.graph dl dt {
	float     : left;
	width     : 36%;
	padding   : 10px 2%;
	text-align: left;
}
.graph dl dd {
	float           : right;
	background-color: #fff;
	width           : 55%;
	padding         : 10px 1.5% 10px 3.5%;
}
.graph dl dd span {
	display    : block;
	margin     : 0;
	padding    : 0;
	line-height: 1.5;
}

@media (min-width:896px) {
/**[ PC ]**/
	section {
		margin-bottom: 120px;
	}
	/**| indent |**/
	.indent {
		width    : 1032px;
		max-width: 1032px;
	}
	.indent .leftColumn {
		float      : left;
		margin-left: 0;
	}
	.indent .rightColumn {
		float       : right;
		margin-right: 0;
		margin-top  : 0;
	}	
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	.indent {
		width: 100%;
	}
}




/* ***********************************************************************
    3 : Rehabili
*********************************************************************** */
/**[ SP ]**/

/**[ フロー ]**/
#flowInsole {
	width     : 100%;
	text-align: center;
}
.flowBox {
	background     : url(../../rehabili/images/arrow_flow.png) center bottom 8px no-repeat;
	background-size: 40px 16px;
	width          : 100%;
	padding-bottom : 32px;
	margin-left    : auto;
	margin-right   : auto;
}
.flowBox:last-child {
	background    : none;
	padding-bottom: 0;
}
.flowBox table {
	width      : 100%;
	font-family: "Hiragino Maru Gothic W4 JIS2004","じゅん 201", "Jun 201", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color      : #fff;
}
.flowBox table th {
	background-color: #ee7700;	
	width           : 13.5%;
	text-align      : center;
	vertical-align  : middle;
	font-size       : 22px;
}
.flowBox table td {
	background-color: #40b5e5;	
	width           : 83.5%;
	text-align      : left;
	vertical-align  : middle;
	padding         : 8px 1% 8px 2%;
	font-size       : 16px;
	line-height     : 1.2;
}
.flowBox .flowText {
	background-color: #fffcf0;
	border-bottom   : solid 1px #40b5e5;
	border-left     : solid 1px #40b5e5;
	border-right    : solid 1px #40b5e5;
	width           : 90%;
	padding         : 16px 4.8%;
	text-align      : center;
}
#flowInsole .flowBox .flowText img {
	display     : block;
	margin-left : auto;
	margin-right: auto;
}
.flowBox .flowText p {
	margin-top : 16px;
	text-align : left;
	font-size  : 14px;
	line-height: 1.5;
}
.flowBox:last-child p {
	margin-top: 0;
}

@media (min-width:896px) {
/**[ PC ]**/
	/**[ フロー ]**/
	#flowInsole {
		width       : 680px;
		margin-left : 175px;
		margin-right: 175px;
	}
	.flowBox {
		background-position: center bottom 16px;
		background-size: 80px 24px;
		width          : 680px;
		padding-bottom : 56px;
		margin-left    : 0;
		margin-right   : 0;
	}
	.flowBox table th {
		width    : 64px;
		font-size: 24px;
	}
	.flowBox table td {
		padding: 0;
		width      : 590px;
		padding    : 12px 10px 12px 16px;
		font-size  : 20px;
		line-height: 1.2;
	}
	.flowBox .flowText {
		width  : 646px;
		padding: 16px;
	}
	.flowBox:last-child p {
		margin-top: 0;
	}
}


/* ***********************************************************************
	6 : Daycare
*********************************************************************** */
/**********************************
   H1 pageTitle
***********************************/
/**[ SP ]**/
h1#pageTitle {
	border-left: none;
	padding-left: 0;	
	/***/
	width : 90%;
	height: auto;
	margin: 0 auto;
}
@media (min-width:896px) {
/**[ PC ]**/	
	h1#pageTitle {
		min-width: 1080px;
		max-width: 1280px;
		width    : auto;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	h1#pageTitle {
		min-width: 1080px;
		max-width: 1280px;
		min-width: 100%;
		width    : auto;
	}
}
/**********************************
	LocalNav
***********************************/
/**[ SP ]**/
#localNav_daycare {
	width : 90%;
	margin: 0 auto;
}
#localNav_daycare ul {
	background : #018cd0;
	width      : 100%;
	white-space: nowrap;
}
#localNav_daycare ul li {
	float        : left;
	min-width    : 49.65%;
	max-width    : 50%;
	width        : auto;
	height       : 40px;
	border-bottom: solid 1px #fff;
	overflow     : hidden;
}
#localNav_daycare ul li:nth-child(3),
#localNav_daycare ul li:nth-child(5) {
	background     : url(../images/dotted_white_v.png) 0 0 repeat-y;
	background-size: 2px 4px;
	padding-left   : 2px;
}
#localNav_daycare ul li a {
	display        : block;
	width          : 100%;
	height         : 40px;
	font-size      : 14px;
	line-height    : 40px;
	text-align     : center;
	color          : #fff;
}
#localNav_daycare ul li a img {
	display       : inline-block;
	width         : 9px;
	height        : 6px;
	margin-right  : 5px;
	padding-bottom: 2px;
	vertical-align: middle;
}
#localNav_daycare ul li a:visited {
	opacity: 1.0;
	filter : alpha(opacity=100);
}
/**[ 1行目 ]**/
#localNav_daycare ul li:first-child {
	float     : none;
	background: none;
	max-width : 100%;
	min-width : 100%;
	width     : 100%;
}

@media (min-width:896px) {
/**[ PC ]**/
	#localNav_daycare {
		min-width: 1080px;
		max-width: 1280px;
		width    : 100%;
	}
	#localNav_daycare ul {
		width : 100%;
		height: 64px;
	}
	/**[ 1行目 クリア ]**/
	#localNav_daycare ul li:first-child {
		float     : left;
		min-width : 0;
		width     : auto;
	}
	#localNav_daycare ul li {
		max-width    : 100%;
		min-width    : 0%;
		width        : auto;
		border-bottom: none;
		/***/
		background     : url(../images/dotted_white_v.png) 0 0 repeat-y;
		background-size: 2px 4px;
		width          : auto;
		height         : 64px;
		padding-left   : 2px;
	}
	#localNav_daycare ul li:first-child {
		background     : none;
		padding-left  : 0;
	}
	#localNav_daycare ul li a {
		width      : auto;
		height     : 64px;
		padding    : 0 38px;	
		font-size  : 18px;
		line-height: 64px;
		letter-spacing: -0.01em;
	}
	#localNav_daycare ul li a img {
		display       : inline-block;
		width         : 10px;
		height        : 7px;
		margin-right  : 10px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#localNav_daycare {
		min-width: 1080px;
		max-width: 1280px;
		min-width: 100%;
		width    : auto;
	}
	#localNav_daycare ul {
		width : 100%;
		margin: 0;
	}
	#localNav_daycare ul li a {
		padding  : 0;
		font-size: 16px;
	}
	#localNav_daycare ul li a img {
		margin-right: 6px;
	}
	/* 点線分-0.9%、計99.1%*/
	#localNav_daycare ul li:nth-child(1) { width: 28%; }
	#localNav_daycare ul li:nth-child(2) { width: 20.7%; }
	#localNav_daycare ul li:nth-child(3) { width: 22.6%; }
	#localNav_daycare ul li:nth-child(4) { width: 13.2%; }
	#localNav_daycare ul li:nth-child(5) { width: 14.6%; }
	#localNav_daycare ul li a:visited {
		opacity: 1.0;
		filter : alpha(opacity=100);
	}
}

/**********************************
   Contents
***********************************/
/**************************
  当院の通所リハビリ
**************************/
/**[ SP ]**/
#day_01 .indent {
	margin-bottom: 48px;
}

/**| 冒頭テキスト |**/
#day_01 #attentionText {
	background   : #f7f7f7;
	width        : 92%;
	padding      : 20px 4%;
	text-align   : center;
	border-radius: 10px;
}
#day_01 #attentionText p {
	font-family: "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size  : 15px;
}
#day_01 #attentionText .sp_smaller {
	display       : block;
	font-family   : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size     : 13px;
	white-space   : nowrap;
	letter-spacing: -1px;
	text-indent   : -6px;
}

/**| 定員・営業について |**/
#day_01 .indent #openImg {
	display: block;
	width  : 100%;
	height : auto;
	margin : 16px 0;
}
#day_01 .indent h5 {
	text-align : center;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size  : 17px;
	line-height: 1.5em;
}
/*#day_01 .indent h5 span {
	display: block;
}*/

/**| 基本方針・目標 |**/
#day_01 #purpose {
	position     : relative;
	background   : #d6effa;
	border-radius: 10px;
	width        : 90%;
	padding      : 32px 5%;
	text-align   : center;
}
#purpose01,
#purpose02 {
	position     : relative;
	background   : #fff;
	width        : 100%;
	min-height   : 100px;
	height       : auto;
	text-align   : center;
	border-bottom: solid 1px #93d5f0;
	border-top   : solid 1px #93d5f0;
}
#purpose02 {
	margin-top: 32px;
	min-height: 180px;
}
#day_01 #purpose h3,
#day_01 #purpose h4 {
	background : none;
	margin     : 0;
	padding    : 0;
	line-height: none;
	border     : none!important;
}
#day_01 #purpose h3 img,
#purpose01 h4 img,
#purpose02 h4 img {
	position : absolute;
	left     : 50%;
    transform        : translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
}
#day_01 #purpose h3 img {
	top   : -13px;
	height: 25px;
	width : auto;
}
#purpose01 h4 img,
#purpose02 h4 img {
	top      : -13px;
	height   : 20px;
	max-width: 100%;
	width    : auto;
}
#purpose01 p,
#purpose02 p {
	position: absolute;
    top     : 50%;
    left    : 50%;
    transform        : translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
	width      : 100%;
	font-family: "Hiragino Maru Gothic W4 JIS2004","じゅん 201", "Jun 201", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size  : 18px;
	line-height: 1.75;
}

@media (min-width:896px) {
/**[ PC ]**/
	/**| 冒頭テキスト |**/
	#day_01 #attentionText {
		margin-top: 32px;
	}
	#day_01 #attentionText p {
		font-size  : 18px;
		line-height: 2.0;
	}
	#day_01 #attentionText .sp_smaller {
		font-family   : "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		font-size     : 18px;
		letter-spacing: normal;
		text-indent   : 0;
	}
	/**| 定員・営業について |**/
	#day_01 .indent {
		width       : 1032px;
		margin-left : auto;
		margin-right: auto;
	}
	#day_01 .indent .leftColumn {
		float: left;
	}
	#day_01 .indent .rightColumn {
		float: right;
	}
	#day_01 .indent .leftColumn,
	#day_01 .indent .rightColumn {
		width: 500px;
	}
	/**| 基本方針・目標 |**/
	#day_01 #purpose {
		width  : 988px;
		padding: 32px 22px 24px;
		margin-top: 56px;
	}
	#purpose01,
	#purpose02 {
		max-width  : 484px;
		min-height : 150px;
		padding-top: 32px;
	}
	#purpose01 {
		float: left;
	}
	#purpose02 {
		margin-top: 0;
		float     : right;
	}
	#purpose01 h4 img,
	#purpose02 h4 img {
		top   : -13px;
		height: 22px;
	}
	#purpose01 p,
	#purpose02 p {
		font-size: 19px;
	}
	
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	/**| 冒頭テキスト |**/
	#day_01 #attentionText {
		margin-top: 32px;
	}
	/**| 定員・営業について |**/
	#day_01 .indent {
		width: 100%;
	}
	#day_01 .indent .leftColumn,
	#day_01 .indent .rightColumn {
		max-width: 500px;
		max-width: 48.5%;
		width    : auto;
	}
	/**| 基本方針・目標 |**/
	#day_01 #purpose {
		max-width: 988px;
		max-width: 95%;
		padding  : 32px 2.5% 24px;
	}
	#purpose01,
	#purpose02 {
		max-width: 484px;
		max-width: 47%;
		min-width: 47%;
		width    : auto;
	}
}


/**************************
   通所リハビリの流れ
**************************/
#day_02,
#day_03 {
	text-align: center;
} 
#day_02 .flowDaycare,
#day_03 .flowDaycare {
	width     : 100%;
	margin    : 16px auto 0;
	text-align: center;
}

/**| フロー |**/
#day_02 .flowBox table td,
#day_03 .flowBox table td {
	font-size: 18px;
}
#day_02 .flowBox table td p,
#day_02 .flowBox .flowText p,
#day_03 .flowBox table td p,
#day_03 .flowBox .flowText p {
	margin-top    : 4px;
	font-family   : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size     : 14px;
	line-height   : 1.5!important;
	letter-spacing: normal;
}
#day_02 .flowBox table td p,
#day_03 .flowBox table td p {
	color: black;
}
#day_02 .flowBox .flowText,
#day_03 .flowBox .flowText {
	padding-top: 0;
	padding-top: 12px;
}
.flowText ul:first-child {
	margin-top: 0;
}
.flowText .normalList {
	margin-bottom: 0;
}
.flowText .normalList li {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight: bold;
	font-size  : 18px;
}
.flowText .normalList li span {
	font-size: 15px;
}
img.daycareFlowImg {
	display  : block;
	width    : 100%;
	max-width: 360px;
	height   : auto;
	margin   : 0 auto;
}


@media (min-width:896px) {
/**[ PC ]**/
	#day_02 .flowDaycare,
	#day_03 .flowDaycare {
		max-width : 700px;
	}
	/**| フロー |**/
	#day_02 .flowBox table td,
	#day_03 .flowBox table td {
		min-height: 48px;
		font-size : 20px;
	}
	#day_02 .flowBox table td p,
	#day_02 .flowBox .flowText p,
	#day_03 .flowBox table td p,
	#day_03 .flowBox .flowText p {
		font-size: 15px;
	}
	img.daycareFlowImg {
		margin-bottom: 12px;
	}
}


/**************************
   ご利用開始までの流れ
**************************/
.flowText h6 {
	text-align : left;
	font-size  : 17px;
	line-height: 1.0;
	font-weight: bold;
	margin-top : 8px;
}
.flowText #requiredDoc {
	display      : block;
	background   : #fff;
	width        : 92%;
	height       : auto;
	padding      : 12px 4% 16px;
	margin       : 16px auto 0;
	border-radius: 10px;
	text-align   : left;
}
#btn_AppForm {
	display      : block;
	background   : #ee7700;
	width        : 84%;
	padding      : 24px 0;
	margin       : 24px auto 16px;
	font         : bold 18px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; 
	color        : #fff;
	border-radius: 8px;
}
@media (min-width:896px) {
/**[ PC ]**/
	#btn_AppForm {
		width    : 320px;
		padding  : 24px 0;
		font-size: 21px;
	}
}


/**************************
   基本料金
**************************/
#priceAttention {
	text-align: left;
}
#day_04 img {
	display: block;
	width  : 100%;
	margin : 8px 0;
}
#day_04 .cap,
#day_04 .indent-1 {
	font-size  : 14px;
	line-height: 1.5;
}
#day_04 .profileCorner {
	background-color: #fffcf0;
	border-radius: 10px;
	width        : 90%;
	margin-top   : 32px;
	padding      : 16px 5% 32px;
	text-align   : center;
}
#day_04 .profileCorner h4 {
	margin-top: 0;
	background     : url(../../daycare/images/h4_bg_long.png) center top no-repeat;
	background-size: auto 18px;
	text-align     : center;
	font-size      : 18px;
	line-height    : 1.25;
}

@media (min-width:896px) {
/**[ PC ]**/
	#priceAttention {
		text-align: center;
	}
	#day_04 img {
		height: 200px;
		width : auto;
	}
	#day_04 .cap,
	#day_04 .indent-1 {
		font-size : 16px;
	}
	#day_04 img {
		width: 80%;
		height: auto;
		text-align: left;
	}
}


/**************************
   お問い合わせ
**************************/
#day_05 h5 {
	padding: 0;
	margin : 0;
	width  : 70%;
	margin : 10px auto 24px;
}
#day_05 h5 img {
	width : 100%;
	height: auto;
}

@media (min-width:896px) {
/**[ PC ]**/
	#day_05 .indent {
		padding-top: 32px;
	}
	#day_05 #rehaTel {
		width : 100%;
		height: auto;
	}
	#day_05 h5 {
		padding: 0;
		margin: 0;
		/***/
		float     : left;
		width     : 310px;
		height    : auto;
		text-align: right;
	}
	#day_05 a {
		float     : right;
		display   : block;
		text-align: left;
		width     : 690px;
		height    : auto;
	}
	#day_05 #faxNum {
		width      : 690px;
		margin-left: 342px;
		margin-top : 0;
	}
	#day_05 h5 img,
	#day_05 a img,
	#day_05 p img {
		height: 65px;
		width : auto;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#day_05 h5 {
		width: 30%;
	}
	#day_05 a {
		width: 65%;
	}
	#day_05 #faxNum {
		width      : 64%;
		margin-left: 36%;
	}
}