@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

.libre,
#rehabilitationTop strong ,
#staffDetail h3 span,
#referenceTop li.tel {font-family: 'Libre Baskerville', serif; font-weight: normal; font-weight: 400; letter-spacing: 0.12em;  }

body,input,select,textarea {
	font-family:"M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:400;
	color:#1b2124; font-size:15px; line-height:2; letter-spacing:0.08em;}
h1,h2,h3,h4,h5,h6,b,strong,th {font-weight:400;}
body {-webkit-text-size-adjust:100%; background:url(../img/share/bg.gif) center top repeat;}
#container {min-width:1104px; overflow: hidden;}
	
a {color:#3680ae;}
a:hover {opacity:0.7;}
p {text-align:justify; text-justify:inter-ideograph;}

/* 電話番号のクリックを制限 */
a[href^="tel:"] {color:inherit; text-decoration:none; cursor:default;}
a[href^="tel:"]:hover {opacity:1;}

.pc {display:block !important;}
.sp {display:none !important;}
@media only screen and (max-width:640px){
	#container {width:640px; min-width:640px;}
	body,input,select,textarea {font-size:20px;}
	.pc {display:none !important;}
	.sp {display:block !important;}
	h1,h2,h3,h4,h5,h6 {line-height: 1.5;}
}

/* --- 共通 --- */
/* header */
body.home h1#siteTitle {position:absolute; left:0; top:0; z-index:999;
width:100%; height:458px; padding:142px 0 0;
background:url(../img/index/h1_bg.png) bottom center no-repeat;}
body.home h1#siteTitle img {display:block; margin:0 auto;}
body.admin-bar h1#siteTitle {background: none !important;}

@media only screen and (min-width:641px){#nav {width:1024px; padding:38px 0; margin:0 auto;}
	#nav ul.main {height:103px;}
	#nav ul.main li {float:left; display:inline; padding:0 0 0 3px;
		background:url(../img/share/nav_space.jpg) left top no-repeat;}
	#nav ul.main li a {display:block; width:186px; height:56px; padding:47px 0 0;
		color:inherit; font-size:1.133em; line-height:1.412; text-align:center; text-decoration:none;
		background:url(../img/share/ico1.png) center top no-repeat; background-size:auto 40px;}
		#nav ul.main li.c02 a {background-image:url(../img/share/ico2.png);}
		#nav ul.main li.c03 a {background-image:url(../img/share/ico3.png);}
		#nav ul.main li.c04 a {background-image:url(../img/share/ico4.png);}
		#nav ul.main li.c05 {padding-left:24px;}
		#nav ul.main li.c05 a {width:239px; color:#fff;
			background-image:url(../img/share/ico5.png); background-position:center 5px; background-color:#2e77a4; border-radius:5px;}
	#nav ul.sub {height:25px;}
	#nav ul.sub li {float:left; display:inline; padding:20px 1.5em 0 0;}
	#nav ul.sub li a {display:block; padding:0 0 4px 32px; height:21px;
		color:inherit; font-size:1.067em; line-height:21px; text-decoration:none;
		background:url(../img/share/ico_sub.png) left center no-repeat; background-size:auto 25px;}
	#nav ul.sub li.c09 a {background-image: url(../img/share/ico_sub_facebook.png);}
	#nav ul.sub li.c10 a {background-image: url(../img/share/ico_sub_instagram.png);}
			}
@media only screen and (max-width:640px){
	#nav {display: none;
		position: fixed; left: 0; top: 0; z-index:1150;
		width: 100%; height: 100%; padding-top: 30px;
		background: rgba(255,255,255,0.85);}
	#nav ul {padding: 0 20px;}
	#nav ul li br {display: none;}
	#nav ul li {border-bottom: 1px dashed #1b2124;}
	#nav ul li a {display:block; padding: 18px 50px;
		color:inherit; font-size:1.133em; line-height:1.412; text-decoration:none;
		background:url(../img/share/ico1.png) left center no-repeat; background-size:auto 40px;}
		#nav ul li.c02 a {background-image:url(../img/share/ico2.png); background-position: 10px center;}
		#nav ul li.c03 a {background-image:url(../img/share/ico3.png);}
		#nav ul li.c04 a {background-image:url(../img/share/ico4.png); background-position: 10px center;}
		#nav ul li.c05 a {background-image:url(../img/share/ico5-2.png); background-position: 10px center;}
		#nav ul.sub li a {background-image:url(../img/share/ico_sub.png); background-position: 10px center; background-size:auto auto;}
		#nav ul.sub li.c09 a {background-image: url(../img/share/ico_sub_facebook.png);}
		#nav ul.sub li.c10 a {background-image: url(../img/share/ico_sub_instagram.png);}
			}

/* footer */
#footer {background:#255980;}
#footerAccess {position:relative; color:#fff; background:url(../img/share/footer_bgL.jpg);}
#footerAccess .left {}
#footerAccess .right {background:url(../img/share/footer_bgR.jpg);}
#footerAccess h2 {
	color:#fff; font-size:1.2em; line-height:39px; font-weight:normal; text-align:center;
	border-radius:5px; background:#255980;}
#footerAccess iframe {display:block; border-radius:5px; box-shadow:rgba(255,255,255,1.00) 0 0 0 2px;}
#footerSitemap {width:1024px; margin:0 auto; position:relative;}
#footerSitemap h1 {float:left; display:inline; padding:20px 0; margin-right:44px;}
#footerSitemap h1 img {position:relative; left:-6px;}
#footerSitemap ul {padding-top:12px;}
#footerSitemap li {float:left; display:inline; margin-right:1em; white-space:nowrap;}
#footerSitemap li a {display:block; padding-left:1em;
	color:#ffffff; font-size:0.85em; text-decoration:none;
	background:url(../img/share/footer_ico.png) left center no-repeat;}
#footerSitemap li b {display: none;}
#footer small {display:block; clear:both; padding:20px 0; color:#9ac1da; font-size:0.733em; text-align:center;}

	#footerSitemap.scroll {position:fixed; left:0; top:0; z-index:1100; width:100%; min-width:1024px; background:rgba(37,89,128,0.85); display:none;}
	#footerSitemap.scroll ul {max-width:1200px; padding-top:6px;}
	#footerSitemap.scroll h1 {padding:10px 0; margin-left:20px; margin-right:20px;}
	@media only screen and (min-width:1120px){
		#footerSitemap.scroll h1 img {height:44px;}
	}
@media only screen and (min-width:641px){
	#footerAccess {height: 480px;}
	#footerAccess h2 {width:472px; margin-left:40px;}
	#footerAccess p {padding:14px 40px;}
	#footerAccess iframe {width:468px; height:248px; margin-left:42px;}
	#footerAccess .left {position:absolute; left:50%; top:50px; margin-left:-552px;}
	#footerAccess .right {position:absolute; left:50%; top:0; width:50%; height:430px; padding:50px 0 0;}
}
@media only screen and (max-width:640px){
	#footerAccess .left,
	#footerAccess .right {padding: 30px 20px;}
	#footerAccess p {padding: 10px 0;}
	#footerAccess iframe {width:596px; height:248px;}
	
	#footerSitemap {width:640px !important; min-width:640px !important; height: 100px;}
	#footerSitemap h1 {display: none;}
	#footerSitemap ul {padding-left: 20px;}
	#footerSitemap li {margin:4px 10px 0 0;}
	#footerSitemap li b {display: block;}
	#footerSitemap li span,
	#footerSitemap li.c05,
	#footerSitemap li.c06,
	#footerSitemap li.c07,
	#footerSitemap li.c08 {display: none;}
	#footerSitemap li a {width: 120px; height: 28px; padding: 52px 0 0;
		color:#1b2124; line-height: 28px; text-align: center;
		background: rgba(255,255,255,0.85) url(../img/share/ico1.png) center 8px no-repeat; background-size: auto 40px;
		border-radius: 5px;}
	#footerSitemap li.c02 a {background-image: url(../img/share/ico2.png);}
	#footerSitemap li.c03 a {background-image: url(../img/share/ico3.png);}
	#footerSitemap li.c04 a {background-image: url(../img/share/ico4.png);}
	
	#footer small {padding-bottom: 70px;}
}

/* nav */
a.menuOpen,
a.menuClose {display: none;}
@media only screen and (max-width:640px){
a.menuOpen,
a.menuClose {
	display:block; z-index:1200;
	position: fixed; right:20px; top:10px;}
			}

/* right */
#right {position: fixed; z-index: 999; right: 0; bottom: 100px;}
#right li {display: block; margin: 0 0 2px;}
#right li img {border-radius: 10px 0 0 10px; border: 2px solid #fff; border-right: none;}
@media only screen and (max-width:640px){
#right {bottom: 0;}
#right li {float: left; display: inline; margin: 0 10px 0 0;}
#right li a {display: block; width: 180px; height: 48px; border-radius: 10px 10px 0 0;
	background: url(../img/share/right_facebook_sp.gif) left top no-repeat;}
#right li:nth-child(2) a {background-image: url(../img/share/right_instagram_sp.gif);}
#right li:nth-child(3) a {background-image: url(../img/share/right_contact_sp.gif);}
#right li img {display: none;}
			}

/* index */
#mainImg-slide ul {height:600px;}
#mainImg-slide li {float:left; display:inline;}

#indexReference {padding: 50px 0 0;}

#indexInstagram {width: 1024px; padding-bottom: 150px; margin: 0 auto;}
#indexInstagram .text p a {display: inline-block; padding: 0 6px 0 14px;
	text-decoration: none;
	background: url(../img/share/footer_ico.png) 2px center no-repeat;
border-bottom: 1px dashed #bbcad1;}
#indexInstagram iframe {width: 719px; height: 370px;}

@media only screen and (max-width:640px){
#indexInstagram {width: 600px;}
			}


/* --- 中ページ --- */
.comming {padding:250px 0 400px; font-size:1.5em; text-align:center;}
body.page h1#siteTitle {position:absolute; left:0; top:0; z-index:999;
width:100%; height:440px;
background:url(../img/index/h1_bg.png) bottom center no-repeat;}
body.page h1#siteTitle img {position:absolute; left:50%; top:25px; margin:0 0 0 -517px;}
body.page h2#pageTitle {position:absolute; left:0; top:0; width:100%; padding:210px 0 0; z-index:990;
color:#fff; font-size:2.8em; line-height:1; text-align:center;}
body.page h2#pageTitle small {display:block; padding-top:22px;
color:#f4e9a9; font-size:0.5em; text-align:center; letter-spacing:0.3em;}
body.page #mainImg {position:relative; height:440px; overflow:hidden; background:#a8cce2;}
body.page #mainImg img {position:absolute; left:50%; top:0; margin:0 0 0 -960px;}
body.page #contents {padding: 40px 0 60px;}

.section {width:1024px; margin: 0 auto 4.5em;}

.sectionTop {padding-bottom: 2em;}
.sectionTop h3 {color: #3680ae; font-size: 2.4em; text-align: center;}
	.fitness .sectionTop h3 {color: #e19427;}
.sectionTop p {padding-bottom: 1em; text-align: center;}
.sectionTop p b {display: block; font-size: 1.4em; text-align: center;}
.sectionTop p strong {padding: 0 0.2em; margin: 0 0.2em; background: #ffe88b;}

@media only screen and (max-width:640px){
	body.page h1#siteTitle {height: 340px;}
	body.page h1#siteTitle img {margin:0 0 0 -300px;}
	body.page h2#pageTitle {font-size:2em; padding-top: 160px;}
	body.page #mainImg {height:340px;}
	body.page #mainImg img {height:340px; margin:0 0 0 -742px;}
	
	.section {width:600px;}
	.sectionTop p {text-align: left;}
	.sectionTop p br {display: none;}
}


/* トップページ */
.indexSection a.btn {display: block; width: 390px; padding-right: 50px; border-radius: 5px;
	color: #fff; font-size: 1.33em; line-height: 2.6; text-align: center; text-decoration: none; white-space: nowrap;
	background: url(../img/index/rehabilitation-btn.jpg) right center no-repeat;}

#indexConcept h2 {padding: 23px 0 40px; text-align: center;}
#indexConcept p {padding: 0 0 58px; color: #2e77a4; font-size: 1.133em; text-align: center;
	background: url(../img/index/concept-bottom.png) center bottom no-repeat;}

#indexRehabilitation h2 {padding: 105px 0 12px; color: #2e77a4; font-size: 2.4em; text-align: center;}
#indexRehabilitation p {text-align: center;}
#indexRehabilitation p strong {display: block; font-size: 1.4em; text-align: center;}
#indexRehabilitation a.btn {margin: 34px auto 43px;}
#indexRehabilitation ul {font-size: 0; text-align: center;}
#indexRehabilitation li {display: inline-block; padding: 0 24px;}

#indexFitness {position: relative; overflow: hidden; padding-bottom: 388px;}
#indexFitness h2 {padding: 105px 0 12px; color: #e19427; font-size: 2.4em; text-align: center;}
#indexFitness ul {padding-bottom: 34px; letter-spacing: -.4em; text-align: center;}
#indexFitness li {display: inline-block; width: 130px; height: 130px; margin: 0 11px;
	font-size: 1.467em; line-height: 130px; letter-spacing: normal;
	text-align: center; white-space: nowrap;
	border: 1px solid #1b2124; border-radius: 200px; background-color: rgba(225,148,39,0.15); box-shadow: rgba(225,148,39,0.15) 5px 5px 0 0;}
#indexFitness p {text-align: center;}
#indexFitness p strong {display: block; font-size: 1.4em; text-align: center;}
#indexFitness a.btn {margin: 34px auto 0; background-image: url(../img/index/fitness-btn.jpg);}
#indexFitness img {position: absolute; left: 50%; bottom: 0; margin-left: -960px;}

#indexReference,
#indexTeam {width: 1024px; margin: 0 auto;}
#indexReference .text,
#indexTeam .text {position: relative; padding-bottom: 20px;}
#indexReference h2,
#indexTeam h2 {padding: 125px 0 0; font-size: 2.4em;}
#indexReference h2 {padding-top: 20px;}
#indexReference ul,
#indexTeam ul {padding-bottom: 34px; letter-spacing: -.4em; text-align: center;}
#indexReference p,
#indexTeam p {padding-bottom: 20px; color: #2e77a4; }
#indexReference p strong,
#indexTeam p strong {display: block; font-size: 1.4em; line-height: 1.8;}


@media only screen and (max-width:1420px){
	#indexRehabilitation li img {height: 300px;}
			}
@media only screen and (max-width:1200px){
	#indexRehabilitation ul {padding: 0 90px;}
	#indexRehabilitation li img {height: 380px;}
			}
@media only screen and (min-width:641px){
	#indexTeam img {float: left; display: inline; margin-top: 96px;}
	#indexTeam .text {float: right; display: inline; width: 512px;}
	#indexReference img {float: right; display: inline; margin-bottom: 114px;}
	#indexReference .text {float: left; display: inline; width: 440px;}
			}
@media only screen and (max-width:640px){
	.indexSection a.btn {width: 450px; font-size: 1.25em; }
	#indexRehabilitation ul {padding: 0;}
	#indexRehabilitation li img {height: 300px;}
	#indexFitness li {width: 180px; height: 180px; line-height: 180px;}
	#indexFitness img {height: 310px; margin-left: -900px;}

	#indexReference,
	#indexTeam {width: 600px;}
	#indexReference img {margin-left: 120px; margin-top: -60px;}
	#indexTeam img {margin-left: 100px;}
			}


/* リハビリテーション */
#rehabilitationTop {padding-bottom: 2em; white-space: nowrap;}
#rehabilitationTop strong {padding: 0  0.1em; font-size: 2em; }
#rehabilitationTop h3 {padding: 1em 0 0.5em; color: #3680ae; font-size: 1.33em; text-align: center;}
#rehabilitationTop p {text-align: center;}
#rehabilitationTop p.top {line-height: 1.2; }
#rehabilitationTop p.bottom {padding: 0.5em 0 0; font-size: 1.25em;}
#rehabilitationTop p strong {vertical-align: middle;}

#rehabilitationRigaku ul li {border-radius: 10px; overflow: hidden; margin-bottom: 20px; background: rgba(46,119,164,0.2);}
#rehabilitationRigaku ul .text {overflow: hidden; zoom:1; padding: 1.25em 2.5em;}
#rehabilitationRigaku ul .text h3 {color: #3680ae; font-size: 1.4em;}
@media only screen and (min-width:641px){
	#rehabilitationRigaku ul li img {float: left; display: inline; width: 512px;}
	#rehabilitationRigaku ul li:nth-child(2n) img {float: right;}
			}
@media only screen and (max-width:640px){
	.indexSection a.btn {width: 450px; font-size: 1.25em; }
	#indexRehabilitation ul {padding: 0;}
	#indexRehabilitation li img {height: 300px;}
	#indexFitness li {width: 180px; height: 180px; line-height: 180px;}
	#indexFitness img {height: 310px; margin-left: -900px;}

	#indexReference,
	#indexTeam {width: 600px;}
	#indexReference img {margin-left: 120px; margin-top: -60px;}
	#indexTeam img {margin-left: 100px;}
			}

#rehabilitationFlow .sectionTop {padding:3em 0 0;}
#rehabilitationFlow ol li {position: relative; border: 3px solid #3680ae; border-radius: 10px;}
	#rehabilitationFlow ol li.c01,
	#rehabilitationFlow ol li.c02 {margin-right: 36px;}
#rehabilitationFlow ol li h4 {padding: 28px 0 0; color: #3680ae; font-size: 2.2em; text-align: center; letter-spacing: 0.15em; white-space: nowrap;}
#rehabilitationFlow ol li.c02 h4 {letter-spacing: 0.01em;}
#rehabilitationFlow ol li h4 span {position: absolute; left: 50%; top: -30px; margin: 0 0 0 -30px;
	width: 52px; height: 52px;
	color: #fff; line-height: 52px; letter-spacing: 0;
	background: #3680ae; border-radius: 50px; border: 4px solid #fff;}
#rehabilitationFlow ol li p {padding: 0 20px;}
#rehabilitationFlow ul li {padding:0.5em 0 0 1em; text-indent: -1em;}
	/* フィットネス差分 */
	.fitness #rehabilitationFlow ol li {border-color: #e19427;}
	.fitness #rehabilitationFlow ol li h4 {color: #e19427;}
	.fitness #rehabilitationFlow ol li h4 span {background-color: #e19427;}

#rehabilitationYokuaru h3 {color: #fff; background: #3680ae; border-radius: 10px;}
#rehabilitationYokuaru .text {padding: 0 0 2em;}
#rehabilitationYokuaru .text h4 {color: #3680ae; font-size: 1.4em;}
#rehabilitationYokuaru .text li {padding: 0 0 1em;}
#rehabilitationYokuaru .text li ul {padding-bottom: 1em; border-bottom: 1px solid #bbcad1;}
#rehabilitationYokuaru .text li li {padding: 0;}
@media only screen and (min-width:641px){
	#rehabilitationFlow ol li {float: left; display: inline;
		width: 310px; height: 300px; margin: 40px 0 0;}
	#rehabilitationYokuaru h3 {float: left; display: inline; width: 240px; padding: 12px 0 50px 20px; margin: 0 30px 0 0;}
	#rehabilitationYokuaru .text {overflow: hidden; zoom:1;}
			}
@media only screen and (max-width:640px){
	.indexSection a.btn {width: 450px;}
	#indexRehabilitation ul {padding: 0;}
	#indexRehabilitation li img {height: 300px;}
	#rehabilitationFlow ol li {display: block; width: 594px; padding: 0 0 30px; margin: 40px 0 0;}
	#rehabilitationFlow ol li h4 span {width: 62px; height: 62px; line-height: 62px; margin-left: -35px;}
	#rehabilitationYokuaru h3 {padding: 10px 0; margin: 0 0 10px; text-align: center;}
	#rehabilitationYokuaru h3 br {display: none;}
			}

/* フィットネス */
#fitnessTop ul {border-radius: 10px; overflow: hidden;}
#fitnessTop li {float: left; display: inline; color: #fff; background: url(../img/fitness/top-bg.jpg);}
#fitnessTop li h4 {padding: 0.8em 0 0.2em; font-size: 1.4em; text-align: center;}
#fitnessTop li p {padding: 0 30px;}

#fitnessPool .sectionTop {padding-bottom: 0.5em;}
#fitnessPool ol {text-align: center;}
#fitnessPool li {display: inline-block;
	width: 152px; height: 140px; padding-top: 12px; margin: 0 5px 10px;
	border-radius: 160px;
	line-height: 1.5; text-align: center; vertical-align: top;
	background: rgba(225,148,39,0.2);}
#fitnessPool li span {display: block; padding-bottom: 6px; color: #e19427; font-size: 2em;}

@media only screen and (min-width:641px){
	#fitnessTop li {width: 256px; height: 256px;}
	#fitnessTop li.c01 {width: 512px;}
	#fitnessTop li img {width: 256px;}
	#fitnessTop li.c03,
	#fitnessTop li.c06,
	#fitnessTop li.c09 {background-image: url(../img/fitness/top-bg2.jpg);}
	
	#fitnessPool li:nth-child(2n) {background: rgba(232,117,47,0.2);}
	#fitnessPool li:nth-child(2n) span {color: #e8752f;}
			}
@media only screen and (max-width:640px){
	#fitnessTop li {width: 300px; height: 300px;}
	#fitnessTop li.c01 {width: 600px;}
	#fitnessTop li.c03 p {line-height: 1.8;}
	#fitnessTop li.c10 {float: right;}
	#fitnessTop li.c03,
	#fitnessTop li.c09 {background-image: url(../img/fitness/top-bg2.jpg);}
	
	#fitnessPool li {width: 160px; height: 148px;}
	#fitnessPool li:nth-child(1),
	#fitnessPool li:nth-child(3),
	#fitnessPool li:nth-child(5) {background: rgba(232,117,47,0.2);}
	#fitnessPool li:nth-child(1) span,
	#fitnessPool li:nth-child(3) span,
	#fitnessPool li:nth-child(5) span {color: #e8752f;}
			}

/* スタッフ紹介 */
#staffDetail {width: 1024px; margin: 0 auto;}
#staffDetail li {margin: 0 0 80px;
	background: url(../img/staff/1_illust.jpg) right bottom no-repeat;}
	#staffDetail li.c02 {background-image: url(../img/staff/2_illust.jpg);}
	#staffDetail li.c03 {background-image: url(../img/staff/3_illust.jpg);}
	#staffDetail li.c04 {background-image: url(../img/staff/4_illust.jpg);}
#staffDetail img {float: left; display: inline; margin-right: 55px; border-radius: 10px;}
#staffDetail .text {overflow: hidden; zoom:1;}
#staffDetail .text h3 {font-size: 2.8em; letter-spacing: 0.18em;}
#staffDetail .text h3 span {display: inline-block; padding-left: 0.5em;
	color: #ad6a8d; font-size: 0.5em; vertical-align: middle;}
#staffDetail .text dt,
#staffDetail .text dd {float: left; display: inline; line-height: 20px;}
#staffDetail .text dt {color: #ad6a8d; font-size: 0.933em; padding: 0 1em; background: #f5e3ee; border-radius: 20px;}
#staffDetail .text dd {font-size: 1.067em; padding: 0 2em 0 0.5em;}
#staffDetail .text dt.last {clear: both; margin-top: 20px;}
#staffDetail .text dd:last-child {margin-top: 20px;}

@media only screen and (min-width:641px){
			}
@media only screen and (max-width:640px){
	#staffDetail {width: 600px;}
	#staffDetail li {padding-bottom: 220px; margin: 0 0 40px;}
	#staffDetail img {width: 200px; margin-right: 30px;}
	#staffDetail .text h3 {font-size: 2em;}
	#staffDetail .text h3 span {display: block; padding-left: 0;}
	#staffDetail .text dt,
	#staffDetail .text dd {line-height: 30px; margin-top: 20px;}
	#staffDetail .text dt {clear: both;}
	#staffDetail .text dd:last-child {margin-top: 0;}
			}

/* 当センターへのアクセス・施設紹介 */
#accessDetail .sectionTop {padding-bottom: 0.5em;}
.photoGallery ul {text-align: center; letter-spacing: -.4em;}
.photoGallery li {display: inline-block; width: 300px; margin: 0 10px 1.5em;
	font-size: 1.2em; line-height: 1.5; text-align: center; vertical-align: top; letter-spacing: normal;}
.photoGallery li img {display: block; width: 300px; margin: 0 0 0.3em; border-radius: 10px;}

@media only screen and (min-width:641px){
			}
@media only screen and (max-width:640px){
	.photoGallery {width: 600px; margin-bottom: -60px;}
	.photoGallery ul {width: 640px; margin-left: -10px;}
	.photoGallery li {width: 290px; margin: 0 20px 20px 0;}
	.photoGallery li img {width: 290px; margin: 0;}
			}

/* お知らせ・リハビリテーション外来日 */
#infoDetail {width: 1024px; margin: 0 auto;}
#infoDetail li {margin: 0 0 40px;}
#infoDetail h3 {margin-bottom: 10px;
	color: #3680ae; font-size: 1.333em; text-align: center;
	background: rgba(46,119,164,0.2); border-radius: 5px;}
#infoDetail li p img {display: block; max-width: 500px; margin: 0 auto;}

@media only screen and (min-width:641px){
	#infoDetail li {float: left; display: inline; width: 1024px;}
	#infoDetail li.c02 {width: 500px;}
	#infoDetail li.c03 {width: 500px; float: right;}
			}
@media only screen and (max-width:640px){
	#infoDetail {width: 600px; margin: 0 auto;}
	#infoDetail h3 {padding: 10px 0;}
			}


/* お問合せ・ご予約・見学のお申込 */
#mailForm {width: 1024px; margin: 0 auto;}
#mailForm b.hissu {display: inline-block; width: 24px; height: 24px;
	color: #fff; line-height: 24px; text-align: center; letter-spacing: 0;
	background: #2e77a4; border-radius: 30px;}
#mailForm p {text-align: center;}
#mailForm div.inner {
	padding-bottom: 4em; margin: 2em 0 0;
	background: rgba(46,119,164,0.2); border-radius: 10px;}
#mailForm div.inner h3 {padding: 40px 0 10px;
	color: #2e77a4; font-size: 2em; text-align: center;}

#mailForm div.inner th,
#mailForm div.inner td {padding: 1em 0; font-size: 1.2em; line-height: 60px;}
#mailForm div.inner th {width: 300px; padding-right: 1.5em;
	color: #2e77a4; text-align: right; white-space: nowrap;}
/*#mailForm div.inner td span {display: block; margin-top: 10px;}
	#mailForm div.inner td span:first-child {margin-top: 0;}*/

#mailForm input.text,
#mailForm input.email,
#mailForm select,
#mailForm textarea {
	width:456px; height:46px; padding:5px 10px; margin-right: 0.5em;
	background:#fff; border:2px solid #9eaab1; border-radius:10px;}
#mailForm input.text:focus,
#mailForm select:focus {border:2px solid #2e77a4;}
#mailForm textarea {height: 120px;}
#mailForm label {cursor: pointer;}

#mailForm tr.name input.text {width: 150px; margin-left: 0.5em; margin-right: 1.5em;}
#mailForm tr.address input.text {margin-left: 0.5em; margin-right: 1.5em;}
#mailForm tr.address .wpcf7-form-control-wrap.address-1 input {width: 150px;}
#mailForm tr.address td>span {display: block; margin-bottom: 10px;}
#mailForm tr.short input.text {width: 150px;}

#mailForm select {
	width:200px; height:61px; margin-left: 0.5em;
	cursor:pointer;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	background:#fff url(../img/contact/select.gif) right center no-repeat;}
#mailForm .wpcf7-radio .wpcf7-list-item {padding-right: 1.5em;}
#mailForm .wpcf7-radio input {width: 42px; height: 42px; margin-right: 0.5em; vertical-align: middle;}

#mailForm div.inner td small {display: block; line-height: 2;}

#mailForm div.inner.pet {background: rgba(225,148,39,0.2);}
#mailForm div.inner.pet h3,
#mailForm div.inner.pet th {color: #e19427;}

#mailForm .mailFormSubmit {text-align: center;}
#mailForm .mailFormSubmit input {
	-webkit-appearance: none; cursor:pointer; border: none; border-radius: 10px;
	padding: 54px 120px 14px; margin: 3em 0 2em;
	background: #3680ae url(../img/share/ico5.png) center 10px no-repeat; background-size: 36px auto;
	color: #fff; font-size: 1.5em;}

#mailForm .mailFormNotice h3 {text-align: center;}

#mailFormFinish p {padding: 100px 0 300px; text-align: center;}

@media only screen and (max-width:640px){
	#mailForm {width: 600px; margin: 0 auto;}
	#mailForm b.hissu {width: 30px; height: 30px; line-height: 30px;}
	#mailForm div.inner th,
	#mailForm div.inner td {display: block; padding: 0 0 0 20px;}
	#mailForm div.inner th {padding-bottom: 0; text-align: left;}
	#mailForm div.inner td {padding-bottom: 1.5em;}
	#mailForm .wpcf7-radio .wpcf7-list-item {padding-right: 0.8em;}
	#mailForm .mailFormNotice p {text-align: left;}
	#mailForm .mailFormNotice p br {display: none;}
			}

/* リハビリテーション */
#referenceTop {padding-bottom: 3em;}
#referenceTop strong {padding: 0  0.1em; font-size: 2em; }
#referenceTop h3 {padding: 1em 0 0.5em; color: #3680ae; font-size: 2em; text-align: center;}
#referenceTop p {text-align: center;}
#referenceTop ul {padding: 30px 0 0; text-align: center;}
#referenceTop li {display: inline; padding: 0 0.7em;}
#referenceTop li.mail a {
	padding: 12px 28px 12px 70px; border-radius: 5px;
	background: #3680ae url(../img/share/ico5.png) 20px center no-repeat; background-size: 30px auto;
	color: #fff; font-size: 1.2em; text-decoration: none;}
#referenceTop li.tel {font-size: 1.5em;}
#referenceTop li.tel a {font-size: 1.5em;}

#paperDL {width: 936px; padding: 0 40px; margin: 60px auto 0;
	border: 4px solid rgba(46,119,164,0.2); border-radius: 20px;}
#paperDL li {padding: 40px 0; border-bottom: 2px solid rgba(46,119,164,0.2);}
#paperDL li:last-child {border: none;}
#paperDL li a.img {display: block; width: 300px; border: 1px solid #bbcad1;}
#paperDL li a.img img {width: 300px; }
#paperDL .text {overflow: hidden; zoom:1;}
#paperDL .text h3 { font-size: 1.7em;}
#paperDL .text p {padding-bottom: 1.5em;}
#paperDL .text a {display: inline-block; margin: 0 0.5em 0.5em 0; padding: 0 20px 0 52px;
color: #fff; font-size: 1.2em; line-height: 2.7; white-space: nowrap; text-decoration: none;
background: #d7313d url(../img/share/pdf.jpg) 13px center no-repeat; border-radius: 5px;}
#paperDL .text a.word {background-color: #3d9ed0; background-image: url(../img/share/word.jpg);}

@media only screen and (min-width:641px){
	#paperDL li a.img {float: left; display: inline; margin: 0 40px 0 0; }
			}
@media only screen and (max-width:640px){
	#referenceTop {width: 600px; margin: 0 auto;}
	#referenceTop p {text-align: left;}
	#referenceTop p br {display: none;}
	#referenceTop li {display: block; height: 60px;}
	
	#paperDL li a.img {margin: 0 auto;}
	#paperDL {width: 552px; padding: 0 20px;}
			}


/* メディア掲載 */
#mediaList {width: 1024px; margin: 0 auto;}
#mediaList li {padding: 40px 0; border-bottom: 2px solid rgba(46,119,164,0.2);}
#mediaList li:last-child {border: none;}
#mediaList li a {color: inherit; text-decoration: none;}
#mediaList li img {border: 1px solid #bbcad1;}
#mediaList .text {overflow: hidden; zoom:1;}
#mediaList .text h3 { color: #3680ae; font-size: 1.7em;}
#mediaList .text h3 small { display: block; font-size: 0.7em;}
#mediaList .text p {padding: 0.5em 0 1.5em;}
#mediaList .text span {display: inline-block; padding: 0 40px;
color: #fff; font-size: 1.2em; line-height: 2.4; white-space: nowrap; text-decoration: none;
	background: #3680ae; border-radius: 100px;}

@media only screen and (min-width:641px){
	#mediaList li img {float: left; display: inline; width: 300px; margin: 0 40px 0 0;}
			}
@media only screen and (max-width:640px){
	#mediaList {width: 600px;}
	#mediaList li img {display: block; width: 400px; margin: 0 auto 20px;}
			}