@charset "utf-8";

/* ==============================================
  Kunitachi rheumatism collagen disease Clinic
  Default Style Sheet
  First Update  2013-12-20
  Last Update   2022-01-21
  Created by Basic Plus Design Inc.
============================================== */
/* --------------------------------------------------------------
  1. normalize.css v1.1.2 | MIT License | git.io/normalize
    1-1. HTML5 display definitions
    1-2. Base
    1-3. Links
    1-4. Typography
    1-5. Embedded content
    1-6. Figures
    1-7. Forms
    1-8. Tables
    1-9. Floating banner
  2. Primary styles
    2-1. Text Module
    2-2. Image Module
    2-3. Link Module
    2-4. List Module
    2-5. Helper Classes
    2-6. Structure Module
  3. Print Style
-------------------------------------------------------------- */
/* ===============================================================
    normalize.css v1.1.2 | MIT License | git.io/normalize
================================================================ */
/* ----------------------------------------------------------------------
    1-1. HTML5 display definitions
---------------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

/* ----------------------------------------------------------------------
    1-2. Base
---------------------------------------------------------------------- */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	overflow-x: hidden;
}

/* ----------------------------------------------------------------------
    1-3. Links
---------------------------------------------------------------------- */
a {
	background: transparent;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

/* ----------------------------------------------------------------------
    1-4. Typography
---------------------------------------------------------------------- */
h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
	font-family: monospace, serif;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C""\201D""\2018""\2019";
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ----------------------------------------------------------------------
    1-5. Embedded content
---------------------------------------------------------------------- */
img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

/* ----------------------------------------------------------------------
    1-6. Figures
---------------------------------------------------------------------- */
figure {
	margin: 0;
}

/* ----------------------------------------------------------------------
    1-7. Forms
---------------------------------------------------------------------- */
fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
}

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	font-family: inherit;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* ----------------------------------------------------------------------
    1-8. Tables
---------------------------------------------------------------------- */
table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* ---------------------------------------------
    1-9. Floating banner
--------------------------------------------- */
/* フローティングバナー無しの場合
.p-flbnr {
  display: none;
} */

.p-flbnr__overlay {
	background: rgba(0, 0, 0, 0.7);
	height: 100vh;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 1000;
}

.p-flbnr__bnr {
	width: 95vw;
	max-width: 720px;
	height: auto;
	background: #000;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9000;
}

.p-flbnr__infobox {
	width: 100%;
	height: 0;
	padding-top: 105%;
	background: #fff url(../images/float/flbnr_covid19.png) no-repeat center top/100% auto;
	margin: 0;
	position: relative;
	z-index: 1000;
}

.p-flbnr__infolink {
	display: block;
	width: 70%;
	height: 0;
	padding-bottom: 21%;
	background: url(../images/float/control_off.png) no-repeat center/contain;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto 40px;
	z-index: 1001;
}

.p-flbnr__infolink:hover {
	background-image: url(../images/float/control_on.png);
}

.p-flbnr__closebox {
	margin-top: -12px;
}

.p-flbnr__closebox a {
	background-color: #000;
	border-bottom: 1px solid #000;
	border-right: 0.8px solid #000;
	border-left: 0.8px solid #000;
	border-top: none;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 30px;
	margin: auto;
	position: absolute;
	width: 100%;
}

@media screen and (min-width: 600px) {
	.p-flbnr__infobox {
		padding-top: 100%;
	}
}

/* ===============================================================
    2. Primary styles
    Author: Basic Plus Design Inc.
=============================================================== */
/* ----------------------------------------------------------------------
    2-1. Text Module
---------------------------------------------------------------------- */
.red {
	color: #980046;
}

.gy {
	color: #666;
}

.txtL {
	font-size: 130%;
}

.txtS {
	font-size: 80%;
}

.ltrspac0 {
	letter-spacing: 0;
}

.right {
	text-align: right;
}

/* ----------------------------------------------------------------------
    2-2. Image Module
---------------------------------------------------------------------- */
.ico_more,
.ico_access,
.ico_back {
	float: right;
	vertical-align: middle;
}

.titleborder {
	padding-top: 10px;
	border-bottom: 2px #980046 solid;
}

/* ----------------------------------------------------------------------
    2-3. List Module
---------------------------------------------------------------------- */
.list {
	margin-left: 1em;
	list-style-position: outside;
}

.list li {
	margin-left: 5px;
	list-style: disc;
}

.list .nolist {
	margin-left: 5px;
	list-style: none;
	text-indent: -1.5em;
}

.nolist {
	list-style: none;
}

/* ----------------------------------------------------------------------
    2-4. Link Module
---------------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #980046;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/* ----------------------------------------------------------------------
    2-5. Helper classes
---------------------------------------------------------------------- */
.clearfix:before,
.clearfix:after,
.clearfix .before,
.clearfix .after {
	display: table;
	content: " ";
}

.clearfix:after,
.clearfix .after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.ir {
	overflow: hidden;
	border: 0;
	background-color: transparent;
	*text-indent: -9999px;
}

.ir:before {
	display: block;
	width: 0;
	height: 150%;
	content: "";
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	border: 0;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	margin: 0;
	width: auto;
	height: auto;
}

.invisible {
	visibility: hidden;
}

/* ----------------------------------------------------------------------
    2-5. Structure Module
---------------------------------------------------------------------- */
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	color: #000;
}

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.png) repeat;
	letter-spacing: 0.15em;
	font-size: 1.3em;
	font-family: MS serif, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 2;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
	padding: 0;
	color: #980046;
	font-weight: normal;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W6", "HG明朝E", "ＭＳＰ明朝", serif;
	line-height: 1;
}

h1 {
	margin-bottom: 0.5em;
	font-size: 380%;
}

h2 {
	margin-bottom: 0;
	padding-bottom: 0.2em;
	font-size: 240%;
}

h3 {
	margin-bottom: 1em;
	font-size: 150%;
}

h4 {
	margin-bottom: 1em;
	font-size: 138%;
}

h5 {
	margin-bottom: 1em;
	font-size: 105%;
}

hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #980046;
}

ul {
	padding: 0;
}

li {
	list-style: none;
}

dt,
dd {
	line-height: 30px;
}

img {
	vertical-align: middle;
}

img a,
img a:visited,
img a:hover,
img a:active {
	border: 0;
}

img,
object,
embed,
video {
	max-width: 100%;
	width/***/
  : auto;
	height: auto;
}

th,
td {
	white-space: nowrap;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	font-size: 1em;
}

textarea {
	font-size: 1em;
	resize: vertical;
}

.wrapper {
	margin: 0;
	padding: 0;
	width: 28455px;
	text-align: left;
}

/* header */
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 90px;
	background: url(../images/bg.png) repeat;
}

#header #headinfo {
	position: absolute;
	left: 1000px;
	width: 523px;
}

#header #h_tel a {
	position: absolute;
	top: 30px;
	left: 0;
	max-width: 236px;
	width: 100%;
	height: 30px;
	background: url(../images/h_tel.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
}

#header #header_inner {
	position: absolute;
	top: 20px;
	clear: both;
	padding: 20px 50px 23px;
	width: 100%;
	height: 40px;
	background: url(../images/h_bg.png) repeat;
}

#header #header_inner h1 {
	position: absolute;
	top: 15px;
	display: block;
	max-width: 351px;
	max-height: 40px;
	width: 100%;
	height: 100%;
}

/* #globalNav */
#globalNav {
	float: left;
	overflow: hidden;
	margin-top: 9px;
	margin-left: 410px;
	padding: 0;
	width: auto;
	height: 54px;
}

#globalNav li {
	float: left;
	margin-right: 6px;
	margin-left: 0;
	padding: 0;
	height: 54px;
}

#globalNav li a {
	display: block;
	overflow: hidden;
	height: 54px;
	text-decoration: none;
	text-indent: -9999px;
}

#NVhome a {
	margin-left: -22px;
	width: 83px;
	background: url(../images/globalNav.png) no-repeat -3px -2px;
}

#NVhome a:visited,
#NVhome a.on {
	background-position: -3px -120px;
}

#NVhome a:hover {
	background-position: -3px -61px !important;
}

#NVmenu1 a {
	width: 83px;
	background: url(../images/globalNav.png) no-repeat -98px -2px;
}

#NVmenu1 a:visited,
#NVmenu1 a.on {
	background-position: -98px -120px;
}

#NVmenu1 a:hover {
	background-position: -98px -61px !important;
}

#NVmenu2 a {
	width: 83px;
	background: url(../images/globalNav.png) no-repeat -195px -2px;
}

#NVmenu2 a:visited,
#NVmenu2 a.on {
	background-position: -195px -122px;
}

#NVmenu2 a:hover {
	background-position: -195px -61px !important;
}

#NVmenu3 a {
	width: 83px;
	background: url(../images/globalNav.png) no-repeat -296px -2px;
}

#NVmenu3 a:visited,
#NVmenu3 a.on {
	background-position: -296px -120px;
}

#NVmenu3 a:hover {
	background-position: -296px -61px !important;
}

#NVmenu4 a {
	width: 83px;
	background: url(../images/globalNav.png) no-repeat -395px -2px;
}

#NVmenu4 a:visited,
#NVmenu4 a.on {
	background-position: -395px -120px;
}

#NVmenu4 a:hover {
	background-position: -395px -61px !important;
}

#NVmenu5 a {
	width: 70px;
	background: url(../images/globalNav.png) no-repeat -480px -2px;
}

#NVmenu5 a:visited,
#NVmenu5 a.on {
	background-position: -480px -120px;
}

#NVmenu5 a:hover {
	background-position: -480px -61px !important;
}

/* slidemenu */
#menubtn {
	display: none;
}

/* contents */
.contents {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
}

.page {
	float: left;
	margin: 0;
	padding: 120px 0 50px 50px;
	max-width: 900px;
	width: 100%;
	height: auto;
}

.titlebox {
	position: relative;
	z-index: 0;
	clear: both;
	margin-bottom: 20px;
	max-width: 896px;
	max-height: 69px !important;
	width: 100%;
	height: 100%;
	border: 2px solid #980046;
	background: #fff;
}

.titlebox .titlebox-inner {
	margin: 0.5% auto;
	width: 98%;
	height: 98%;
	border: 3px solid #980046;
	background: #fff;
}

.titlebox h1 {
	display: block;
	margin-left: 20px;
	max-height: 29px;
	width: 100%;
	height: 100%;
	line-height: 1;
}

.headMN {
	position: absolute;
	top: 20%;
	right: 0;
}

.headMN li {
	z-index: -1;
	display: inline-block;
	margin-right: 30px;
	min-width: 104px;
	heigth: 26px;
}

.box {
	position: relative;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 0 20px 0;
	padding: 20px 2% 20px 7%;
	width: 91%;
	height: auto;
	background: #fff;
}

#home .box,
#menu1 .box,
#menu4 .box,
#menu6 .box,
#menu7 .box,
#menu8 .box,
#menu9 .box,
#menu10 .box {
	padding: 20px 2%;
	width: 96%;
}

.box .columnL {
	float: left;
	margin: 0;
	padding: 0 1% 0 0;
	width: 48%;
}

.box .columnR {
	float: right;
	margin: 0;
	padding: 0;
	width: 49%;
}

span.break:before {
	content: "\A";
	white-space: pre;
}

#menu2 .box h2,
#menu3 .box h2,
#menu5 .box h2 {
	position: absolute;
	top: 20px;
	left: 1%;
	max-width: 27px;
	width: 7%;
}

.tag {
	position: absolute;
	bottom: 20px;
	left: 0;
	overflow: visible;
	max-width: 40px;
	width: 7%;
}

.point {
	margin-left: -50px;
}

.ub {
	border-bottom: 1px solid #666;
}

.pagetop {
	position: fixed;
	right: 55px;
	bottom: 30px;
	display: none;
}

.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/pagetop.png) no-repeat;
	text-indent: -9999px;
}

#ptop1 {
	display: block;
}

#ptop2 {
	display: none;
}

.highlight {
	background: url(../images/bg_column.png) repeat;
	color: #980046;
	font-size: 110%;
	padding: 0.5em;
}

.emphasis {
	font-weight: bold;
	color: #980046;
	font-size: 115%;
	letter-spacing: -0.04em;
}

/* footer */
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 200;
	clear: both;
	margin: 0;
	padding: 10px 50px 5px 50px;
	width: 100%;
	height: auto;
	background: url(../images/bg.png) repeat;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #980046;
	letter-spacing: 0.1em;
	font-size: 90%;
	line-height: 20px;
}

#footer p a {
	color: #980046;
}

/* arrow */
#arrow_prev {
	position: fixed;
	top: 45%;
	left: 0;
	z-index: 500;
	width: 44px;
	height: 113px;
}

#arrow_next {
	position: fixed;
	top: 45%;
	right: 0;
	z-index: 500;
	width: 44px;
	height: 113px;
}

#arrow_prev a {
	display: block;
	overflow: hidden;
	width: 44px;
	height: 113px;
	background: url(../images/arrow_prev.png) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

#arrow_next a {
	display: block;
	overflow: hidden;
	width: 44px;
	height: 113px;
	background: url(../images/arrow_next.png) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

/* トップページ  */
#home .box {
	padding: 20px;
}

#home .sc0 {
	width: 100%;
	height: 0;
	padding-bottom: 10%;
	margin-bottom: 20px;
	background: #faf2f6 url(../images/home/bnr_covid19.png) no-repeat center/90% auto;
	border: 1px solid #980046;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	position: relative;
}

#home .sc0:hover {
	background-color: #fff;
}

@media screen and (min-width: 767px) {
	#home .sc0 {
		height: 60px;
		padding-bottom: 0;
		background-size: 600px auto;
	}
}

#home .sc0 a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

#home .sc1 {
	position: relative;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 0 20px 0;
	padding: 20px 2%;
	width: 96%;
	height: auto;
	background: #fff;
}

#home .sc1 ul {
	margin-left: -10px;
}

#home .sc1 li {
	float: left;
	margin-bottom: 10px;
	margin-left: 9px;
}

#home .columnL {
	float: left;
	margin: 0;
	padding: 0;
	max-width: 533px;
	width: 57%;
}

#home .columnR {
	float: right;
	margin: 0;
	padding: 0;
	max-width: 349px;
	width: 40%;
}

#home .sc2 {
	position: relative;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 0 20px 0;
	padding: 15px 3% 5px;
	width: 96%;
	height: auto;
	background: #fff;
}

#home .sc2 a:hover {
	text-decoration: none;
}

#home .sc2 .pc {
	margin-right: 2%;
	max-width: 282px;
	width: 58%;
}

#home .sc2 .cell {
	max-width: 192px;
	width: 40%;
}

#home .sc3 {
	position: relative;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 0 20px 0;
	padding: 15px 3% 5px;
	width: 96%;
	height: auto;
	background: #fff;
}

#home .sc3 .square {
	z-index: 500;
	display: block;
	visibility: visible;
	float: left;
	margin-top: 10px;
	max-width: 120px;
	max-height: 120px;
	width: 23%;
	height: 100%;
}

#home .sc3 dl {
	margin-left: 26%;
	padding-bottom: 3px;
	border-bottom: 1px #980046 solid;
}

#home .sc3 dt {
	float: left;
	width: 5em;
	vertical-align: top;
	letter-spacing: 0;
	line-height: 1.5em;
}

#home .sc3 dd {
	margin-left: 6em;
	color: #980046;
	line-height: 1.5em;
}

#home .sc3 .ico_more {
	margin-top: -3px;
}

#home .sc4 ul {
	margin-top: -12px;
}

#home .sc4 li a {
	display: block;
	float: left;
	width: 164px;
	height: 164px;
	background: #fff;
}

#home .sc4 .box_access a {
	margin-bottom: 20px;
}

#home .sc4 .box_contact a {
	margin-bottom: 20px;
	margin-left: 21px;
}

#home .sc4 .box_staff a {
	margin-bottom: 20px;
}

#home .sc4 .box_equipment a {
	margin-bottom: 20px;
	margin-left: 21px;
}

#home .sc4 ul:after {
	content: "";
	display: table;
	clear: both;
}

#home .btnarea li {
	background: #fff;
	display: block;
	margin-bottom: 20px;
	padding: 10px 3%;
	text-align: center;
	width: 94%;
}

#home .sc5 {
	position: relative;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 0 20px 0;
	padding: 15px 2% 5px;
	width: 96%;
	height: auto;
	background: #fff;
}

#home .sc5 p {
	letter-spacing: 0.05em;
	line-height: 0.5;
}

#home .sc5 .vbottom {
	padding-top: 15px;
}

#home .sc5 .tel {
	margin-top: -15px;
}

#home .ico_access {
	margin-top: -5px;
	margin-right: 10px;
}

#home .clinichours {
	margin-bottom: 10px;
	width: 100%;
	border-top: 1px #980046 solid;
	border-bottom: 1px #980046 solid;
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#home .clinichours th {
	text-align: center;
	letter-spacing: 0;
	font-weight: normal;
}

#home .clinichours tr {
	line-height: 20px;
}

#home .clinichours td {
	color: #980046;
	text-align: center;
}

/* ごあいさつ */
#menu1 .sc1 p {
	float: left;
	width: 74%;
}

#menu1 .sc1 .scimg {
	margin-top: 18px;
	margin-left: 4%;
	width: 22%;
}

#menu1 .sc1 .sign {
	margin-left: 5%;
	width: 21%;
}

#menu1 .sc2 {
	float: left;
	width: 65%;
}

#menu1 .sc2 dt {
	float: left;
	width: 8em;
}

#menu1 .sc2 dd {
	margin-left: 8em;
}

#menu1 .sc3 {
	position: relative;
	z-index: 1;
	float: right;
	margin: 30px 1% 0 0;
	padding-bottom: 3em;
	width: 30%;
	height: auto;
	border: solid 3px #980046;
}

#menu1 .sc3:before {
	position: absolute;
	top: -13px;
	left: -13px;
	z-index: 10;
	display: block;
	padding: 0 24px 24px 0;
	width: 100%;
	height: 100%;
	border: solid 2px #980046;
	content: "";
}

#menu1 .sc3 h3 {
	margin: 1em;
}

#menu1 .sc3 ul {
	margin: 2em 1em 1em;
}

#menu1 .sc3 li {
	list-style: none;
}

/* クリニックについて */
#menu2 .sc1 .columnL {
	max-width: 438px;
	width: 54%;
}

#menu2 .sc1 .columnL .contact {
	padding: 10px 3%;
	width: 94%;
	height: auto;
	background: url(../images/bg_column.png) repeat;
}

#menu2 .sc1 .columnL .contact h3 {
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
}

#menu2 .sc1 .columnL .contact ul {
	margin-left: 155px;
}

#menu2 .sc1 .columnL .contact li {
	width: 98%;
	line-height: 1.5;
}

#menu2 .sc1 .columnL .contact .tel {
	padding-bottom: 1em;
}

#menu2 .sc1 a:hover {
	text-decoration: none;
}

#menu2 .sc1 .columnL .contact .pc {
	margin-right: 2%;
	max-width: 234px;
	width: 58%;
}

#menu2 .sc1 .columnL .contact .cell {
	max-width: 147px;
	width: 40%;
}

#menu2 .sc1 .columnR {
	max-width: 340px;
	width: 43%;
}

#menu2 .sc1 .columnR ul {
	margin-top: 2px;
}

#menu2 .sc1 .columnR li {
	margin-bottom: 12px;
}

#menu2 .sc2 {
	overflow: hidden;
}

#menu2 .sc2 p {
	margin-top: 0;
}

#menu2 .sc2 .columnL {
	float: left;
	max-width: 799px;
	width: 73%;
	height: 398px;
}

#menu2 .sc2 .columnL li {
	position: relative;
	float: left;
	padding-right: 5%;
	padding-bottom: 10px;
	min-width: 255px;
	max-width: 255px;
	max-height: 194px;
	width: 31%;
	height: auto;
	text-align: center;
}

#menu2 .sc2 span:before {
	position: absolute;
	bottom: 0;
	content: "\A";
	white-space: pre;
}

#menu2 .sc2 span.tbr:before {
	content: "";
	white-space: nowrap;
}

#menu2 .sc2 #stage img {
	position: absolute;
	right: 2%;
	bottom: 30px;
	display: none;
	overflow: hidden;
	max-width: 250px;
	max-height: 374px;
	width: 31%;
	height: 100%;
}

#menu2 .sc2 #stage #img1 {
	display: block;
}

#menu2 .sc2 #stage span {
	position: absolute;
	right: 38px;
	bottom: 5px;
}

/* 診療案内 */
#menu3 .column {
	margin-bottom: 20px;
	max-width: 370px;
	width: 48%;
}

#menu3 .sc1 h4 {
	margin-top: 15px;
}

#menu3 .sc1 .pc {
	margin-top: -10px;
	margin-bottom: 30px;
	max-width: 234px;
	width: 29%;
}

#menu3 .sc1 .emphasis {
	width: 100%;
	max-width: 25em;
}

#menu3 .sc1 a:hover {
	text-decoration: none;
}

#menu3 .sc1 .cell {
	margin-top: -10px;
	margin-bottom: 30px;
	max-width: 147px;
	width: 18%;
}

#menu3 .sc1 .scimg {
	float: right;
	max-width: 420px;
	width: 50%;
}

#menu3 .sc2 {
	margin-bottom: 5px;
	padding: 20px 0 0 0;
	height: 20px;
}

#menu3 .sc3 {
	padding: 5px 0;
	border-top: 1px #980046 solid;
	border-bottom: 1px #980046 solid;
}

#menu3 .clinichours {
	width: 60%;
	height: 6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#menu3 .clinichours dt {
	float: left;
	width: 9em;
	text-align: right;
	line-height: 2em;
}

#menu3 .clinichours dd {
	margin-left: 11em;
	color: #980046;
	letter-spacing: 0.5em;
	font-weight: normal;
	line-height: 2em;
}

#menu3 .clinichours .day {
	color: #000;
}

#menu3 .sc3 .info {
	float: right;
	margin-top: -7em;
	width: 40%;
	letter-spacing: 0.05em;
}

#menu3 .sc3 .info li:first-child {
	margin-bottom: 0.5em;
}

#menu3-1 .highlight {
	width: 46%;
}

/* スタッフ紹介 */
#menu4 .box {
	padding-right: 30px;
	padding-left: 30px;
}

#menu4 .box h3 {
	font-size: 180%;
}

#menu4 .box .column {
	margin: 10px 0;
	padding: 10px 2%;
	background: url(../images/bg_column.png) repeat;
}

#menu4 .box dl:after {
	display: table;
	clear: both;
	content: "";
}

#menu4 .box dt,
#menu4 .box dd {
	float: left;
}

#menu4 .box dt {
	padding: 70px 1.5em;
	width: 1em;
	height: 117px;
	border: 1px solid #980046;
	color: #980046;
	font-size: 130%;
	line-height: 1.2em;
}

#menu4 .box dd {
	margin-left: 2%;
	width: 43.5%;
}

#menu4 .comingsoon {
	margin-top: 120px;
	margin-left: 70%;
}

/* アクセス */
#menu5 .columnL {
	max-width: 439px;
	width: 54%;
	height: auto;
}

#menu5 #illustmap {
	margin-bottom: 30px;
	max-width: 439px;
	max-height: 298px;
	width: 100%;
	height: 100%;
}

#menu5 .columnL p {
	margin-top: 10px;
	font-size: 120%;
}

#menu5 .columnR {
	padding-left: 3%;
	width: 42%;
}

#map {
	position: relative;
	overflow: visible;
	padding-bottom: 85.5%;
	width: 100%;
	height: 0;
	border: 1px solid #980046;
	background: #e8e8e8;
}

#map_canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#map_canvas label {
	display: inline;
	width: auto;
}

#map_canvas img {
	max-width: none;
}

#menu5 .columnR .zoom a {
	float: right;
	margin-top: -5px;
	height: 20px;
	background: none;
}

#menu5 .columnR .distance {
	margin-top: 30px;
	padding-left: 80px;
	width: 100%;
	height: 62px;
	background: url(../images/access/ico_access.png) no-repeat 0 top;
	letter-spacing: 0.08em;
	font-size: 120%;
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W6", "HG明朝E", "ＭＳＰ明朝", serif;
	line-height: 4em;
}

#menu5 .sc2 {
	padding-bottom: 0;
	padding-left: 2%;
	width: 96%;
}

#menu5 .sc2 h3 {
	float: left;
	margin-top: 10px;
	margin-right: 30px;
	padding-bottom: 10px;
	max-width: 141px;
	max-height: 141px;
	width: 17%;
	height: 100%;
}

#menu5 .sc2 .column {
	margin-left: 18%;
}

#menu5 .sc2 hr {
	margin: 10px 0 -5px 0;
}

/* プライバシーポリシー */
#menu6 h4 {
	margin: 30px 0 0 0;
}

#menu6 .sc1 {
	margin-bottom: 20px;
	padding: 10px 20px 45px 20px;
	background: #980046;
	color: #fff;
}

#menu6 .sc1 h3 {
	float: left;
	margin-top: 5px;
	padding: 10px;
	width: 144px;
	height: 144px;
	background: #fff url(../images/boxmenu.png) no-repeat -185px 0;
	text-indent: -9999px;
}

#menu6 .sc1 p,
#menu6 .sc1 ul {
	margin-left: 194px;
}

#menu6 .sc1 ul a {
	color: #fff;
	text-decoration: none;
}

#menu6 .sc1 ul a:hover {
	color: #fff;
	text-decoration: underline;
}

/* サイトマップ */
#menu7 .tree a {
	display: inline-block;
	margin-left: 1em;
}

#menu7 .tree h4 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	line-height: 6;
}

#menu7 .tree ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 6em;
}

#menu7 .tree ul li {
	margin: 0 0 0 3em;
	border-left: 1px solid #980046;
	zoom: 1;
}

#menu7 .tree ul li:before,
#menu7 .tree ul li.before {
	float: left;
	overflow: hidden;
	margin-right: 0;
	width: 2em;
	height: 3em;
	border-bottom: 1px solid #980046;
	content: "";
}

#menu7 .tree ul li.last-child {
	border: none;
}

#menu7 .tree ul li.last-child:before,
#menu7 .tree ul li .last-child.before {
	height: 3em;
	border-left: 1px solid #980046;
}

#menu7 .tree ul li ul {
	margin-left: 3em;
}

#menu7 .tree a {
	width: 12em;
}

#menu7 .tree .subitem {
	margin-left: 50px;
}

/* お知らせアーカイブ */
#menu8 .innerbox {
	padding-bottom: 40px;
}

#menu8 dl {
	margin-top: 15px;
	padding-bottom: 5px;
	border-bottom: 1px #980046 solid;
}

#menu8 dt {
	float: left;
	padding: 5px 0;
	width: 6em;
	border-top: 1px #980046 solid;
	letter-spacing: 0;
	line-height: 1.8;
}

#menu8 dt:first-child {
	border-top: none;
}

#menu8 dd {
	margin-left: 6em;
	padding: 5px 0 5px 10px;
	border-top: 1px #980046 solid;
	line-height: 1.8;
}

#menu8 .content {
	border-top: none;
	letter-spacing: 0;
}

/* 診療科目のご紹介 */
#menu9 {
	margin-bottom: 1000px;
}

#menu9 .sc {
	padding-top: 115px;
}

#menu9 .sc1 {
	padding-top: 50px;
}

#menu9 .scimg {
	float: left;
	max-width: 75px;
	width: 9%;
}

#menu9 h3,
#menu9 p {
	margin-left: 12%;
}

#menu9 h3 {
	padding-bottom: 5px;
	border-bottom: 2px solid #980046;
}

#menu9 p img {
	vertical-align: text-bottom;
}

#menu9 .sc1 .column {
	overflow: auto;
	margin-left: 12%;
	width: 87%;
	height: auto;
	border: 1px solid #980046;
}

#menu9 .sc1 .column h4 {
	width: 100%;
	height: 30px;
	background: #980046;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

#menu9 .sc1 ul {
	float: left;
	margin-top: 0;
	padding-right: 1em;
	padding-left: 2em;
}

#menu9 .sc1 li {
	color: #980046;
	font-size: 130%;
}

#menu9 .sc4 .columnL {
	margin-left: 12%;
	width: 48%;
}

#menu9 .sc4 .columnL h3,
#menu9 .sc4 .columnL p {
	margin-left: 0;
}

#menu9 .sc4 .columnL h3,
#menu9 .sc4 .columnR h3 {
	margin-left: 0;
	height: 27px;
	background: url(../images/h_bg.png) repeat;
	text-align: center;
	line-height: 27px;
}

#menu9 .sc4 .columnR {
	width: 37%;
}

#menu9 .sc4 .menuttl {
	margin-left: 10px;
}

#menu9 .sc4 .columnL dd dl {
	margin-left: -10px;
	padding: 10px;
	background: url(../images/bg_column.png) repeat;
}

#menu9 .sc4 .columnL dd dd,
#menu9 .sc4 .columnR dd dd {
	margin-left: 20px;
}

#menu9 .sc4 span.ir {
	display: none;
}

#menu9 .sc5 table {
	margin-left: 12%;
	color: #980046;
	font-size: 120%;
}

#menu9 .sc5 .line {
	border-bottom: 1px solid #980046;
}

#menu9 .sc5 .noline {
	border-bottom: none;
}

#menu9 .sc5 .midashi {
	width: 30%;
	background: #980046;
}

#menu9 .sc5 .sub {
	padding-left: 3.4em;
}

#menu9 .sc5 td {
	width: 33%;
	height: 60px;
	text-align: center;
}

#menu9 .sc5 td .mb {
	display: none;
}

#menu9 .sc5 .menuttl {
	text-align: left;
}

#menu9 .sc5 .off {
	display: block;
	margin: 0 auto;
}

#menu9 .sc5 .on {
	background: url(../images/bg_column.png) repeat;
}

#menu9 .sc5 .pneumococcus td {
	height: 100px;
}

/* 近隣の医療機関の皆様へ */
#menu10,
#menu11,
#menu12,
#menu13 {
	margin-left: 80px;
	padding: 20px;
}

#menu10 .topbox,
#menu11 .topbox,
#menu12 .topbox,
#menu13 .topbox {
	position: relative;
	z-index: 0;
	clear: both;
	margin-top: 100px;
	margin-bottom: 20px;
	max-width: 896px;
	max-height: 73px !important;
	width: 100%;
	height: 100%;
	background: transparent;
}

#menu10 .box-corners-top,
#menu11 .box-corners-top,
#menu12 .box-corners-top,
#menu13 .box-corners-top {
	position: relative;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 20px 20px 60px 20px;
	padding: 50px 5%;
	width: 85%;
	height: auto;
	border: 1px solid #980046;
	background: #fff;
}

[class*="box-corners-"]:before,
[class*="box-corners-"]:after {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background: #980046;
	content: "";
}

#menu10 .box-corners-top:before,
#menu11 .box-corners-top:before,
#menu12 .box-corners-top:before,
#menu13 .box-corners-top:before {
	top: 0;
	left: 0;
}

#menu10 .box-corners-top:after,
#menu11 .box-corners-top:after,
#menu12 .box-corners-top:after,
#menu13 .box-corners-top:after {
	top: 0;
	right: 0;
}

#menu10 .box-corners-bottom:before,
#menu11 .box-corners-bottom:before,
#menu12 .box-corners-bottom:before,
#menu13 .box-corners-bottom:before {
	bottom: 0;
	left: 0;
}

#menu10 .box-corners-bottom:after,
#menu11 .box-corners-bottom:after,
#menu12 .box-corners-bottom:after,
#menu13 .box-corners-bottom:after {
	right: 0;
	bottom: 0;
}

#menu10 h2,
#menu11 h2,
#menu12 h2,
#menu13 h2 {
	display: block;
	margin: 0 auto 30px;
	padding: 0;
	text-align: center;
}

#menu10 h3,
#menu11 h3,
#menu12 h3,
#menu13 h3 {
	margin-top: 30px;
	margin-bottom: 0;
}

#menu10 h3 span.mb,
#menu11 h3 span.mb,
#menu12 h3 span.mb,
#menu13 h3 span.mb {
	display: none;
}

#menu10 .sc h3,
#menu11 .sc h3,
#menu12 .sc h3,
#menu13 .sc h3 {
	margin-top: 50px;
}

#menu10 .contact {
	margin-left: 38%;
}

#menu10 .columnL,
#menu11 .columnL {
	float: left;
	width: 45%;
}

#menu10 .columnR,
#menu11 .columnR {
	float: right;
	width: 45%;
}

/* 血液検査機器について */

/* 職員募集について */
#menu12 {
	color: #980046;
}

#menu12 h2 {
	border-bottom: 2px solid #980046;
	font-size: 230%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 7px;
	text-align: center;
	width: 9em;
}

/* 職員募集詳細 */
.p-rcrt {
	margin-bottom: 60px;
}

.p-rcrt__ttl {
	display: block;
	width: 100%;
	font-size: 200%;
	line-height: 1.6;
	text-align: center;
}

.p-rcrt__ttl::before {
	background: url(../images/others/ico_nurse.png) no-repeat center;
	content: "";
	display: block;
	height: 100px;
	margin-top: 40px;
}

.p-rcrt--job {
	font-size: 130%;
}

.p-rcrt--number {
	font-size: 80%;
}

.p-rcrt__box1 {
	margin: 30px auto 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(90% - 3px);
}

.p-rcrt__box1.row1 .p-rcrt--carrer {
	width: 100%;
}

.p-rcrt__box1.row2 .p-rcrt--carrer {
	width: calc(100% / 2);
}

.p-rcrt__box1.row3 .p-rcrt--carrer {
	width: calc(100% / 3);
}

.p-rcrt--carrer {
	font-size: 120%;
}

.p-rcrt--carrer dt,
.p-rcrt--carrer dd {
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
	border: 1px solid #980046;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -1px;
}

.p-rcrt--carrer dt {
	background: #980046;
	color: #fff;
	padding: 0.3em 0;
	border-left: 1px solid #fff;
}

.p-rcrt--carrer:first-child dt {
	border-left: 1px solid #980046;
}

.p-rcrt__box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	color: #000;
}

.p-rcrt__box2 .c-cell {
	width: 47%;
	padding: 0.5em;
	background: url(../images/bg_column.png) repeat;
	position: relative;
}

.p-rcrt__box2 .c-cell .txtl {
	width: 100%;
	font-size: 140%;
	margin-top: 2em;
	text-align: center;
	white-space: nowrap;
}

.p-rcrt__box2 .c-cell ul {
	margin-left: 2em;
}

.p-rcrt__box3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 90%;
	border-bottom: dotted 2px #980046;
	margin: 80px auto 30px;
}

.p-rcrt__box3 .c-cell {
	position: relative;
	width: 50%;
	height: 60px;
}

.p-rcrt__box3 .c-cell:first-child {
	width: 28em;
}

.p-rcrt__box3 .c-cell:last-child {
	width: calc(100% - 28em);
}

.p-rcrt__box3 .c-cell p {
	font-size: 120%;
}

.p-rcrt__box3 .c-cell br {
	display: none;
}

.p-rcrt__box3 .c-cell a {
	position: absolute;
	display: inline-block;
	width: 100%;
	max-width: 400px;
	height: 100%;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: url(../images/access/tel.png) no-repeat right center/300px auto;
}

.p-rcrt__box3 .c-cell img {
	max-width: 396px;
	width: 80%;
}

@media only screen and (max-width: 767px) {
	.p-rcrt__box1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.p-rcrt__box1.row1 .p-rcrt--carrer,
	.p-rcrt__box1.row2 .p-rcrt--carrer,
	.p-rcrt__box1.row3 .p-rcrt--carrer {
		width: 100%;
	}

	.p-rcrt--carrer dt {
		border-left: 1px solid #980046;
	}

	.p-rcrt--number::before {
		content: "\A";
		white-space: pre;
	}

	.p-rcrt__box2 .c-cell {
		width: 100%;
	}

	.p-rcrt__box3 .c-cell:first-child,
	.p-rcrt__box3 .c-cell:last-child {
		width: 100%;
		padding-bottom: 10px;
		text-align: center;
	}

	.p-rcrt__box3 .c-cell a {
		max-width: 100%;
		background-size: 280px auto;
		background-position: center;
	}
}

/* ----------------------------------------------------------------------
    Mobile Layout
---------------------------------------------------------------------- */
@media only screen and (max-width: 988px) {
	/* header */
	#header #header_inner {
		padding: 50px 1% 20px 1%;
	}

	#header #header_inner h1 {
		width: 98%;
	}

	#header #headinfo {
		position: absolute;
		right: 1%;
		left: auto;
		width: 213px;
	}

	#header #h_tel a {
		position: absolute;
		top: 30px;
		left: 0;
		max-width: 213px;
		width: 100%;
		height: 25px;
		background-size: cover;
	}

	/* slidemenu button */
	a #menubtn {
		position: absolute;
		top: 90px;
		right: 0;
		z-index: 9999;
		display: block;
	}

	/* #globalNav */
	#globalNav {
		display: none;
	}

	/* footer */
	#footer .copyright {
		display: none;
	}

	/* contents common --------------------------------------------------- */
	.page {
		max-width: 960px;
	}

	.titlebox {
		max-width: 100%;
	}

	span.tbr:before {
		content: "\A";
		white-space: pre;
	}

	.wrapper {
		width: 100%;
	}

	.page {
		float: none;
		padding: 150px 1% 50px 1%;
		width: 98%;
	}

	#arrow_prev,
	#arrow_next {
		display: none !important;
	}

	.titlebox {
		width: 99%;
	}

	/* トップページ  */
	#home .slidearea {
		margin: 0 auto 20px auto;
		padding: 20px 10%;
		width: 80%;
		text-align: center;
	}

	#home .sc1 {
		margin: 0 auto 20px auto;
		width: 96%;
		text-align: center;
	}

	#home > .columnL,
	#home > .columnR {
		float: none;
		margin: 20px 0;
		padding: 0;
		max-width: 948px;
		width: 94%;
	}

	#home > .columnL > div,
	#home > .columnR,
	#home > .columnR > div {
		max-width: 100%;
		width: 100%;
	}

	#home .columnL .sc2,
	#home .columnL .sc3,
	#home .columnL .sc6 {
		padding-bottom: 20px;
	}

	#home .ico_more {
		margin-top: 10px;
	}

	#home .sc2 h3 {
		margin: 0 auto 20px auto;
		max-width: 493px;
		width: 100%;
	}

	#home .columnL .sc2 a img {
		margin-bottom: 10px;
	}

	#home .sc3 .square {
		float: none;
		margin: 0 auto;
		width: 100%;
		height: 100%;
	}

	#home .sc3 dl {
		margin-left: 0;
	}

	#home .sc4 ul {
		margin: 20px auto;
		width: 76%;
	}

	#home .sc4 .box_access a {
		margin: 2% 10%;
		margin-bottom: 20px;
	}

	#home .sc4 .box_contact a {
		margin: 2% 10%;
		margin-bottom: 20px;
	}

	#home .sc4 .box_staff a {
		margin: 2% 10%;
		margin-bottom: 20px;
	}

	#home .sc4 .box_equipment a {
		margin: 2% 10%;
		margin-bottom: 20px;
	}

	#home .btnarea {
		background: #fff;
		height: 70px;
		max-width: 100%;
		width: 100%;
	}

	#home .btnarea li {
		float: left;
		height: 51px;
		margin: 0 auto 20px auto;
		padding: 10px 3%;
		width: 40%;
	}

	#home .btnarea li:first-child {
		margin-right: 6%;
	}

	#home .sc5 {
		width: 96%;
		max-width: 96% !important;
	}

	#home .sc5 p {
		line-height: 1.5;
		width: 100%;
	}

	#home .ico_access {
		margin-top: 0;
		margin-right: 10px;
	}

	#home .tel {
		margin-bottom: 0.5em;
	}

	#home .sc5 .clinichours {
		width: 100%;
	}

	/* ごあいさつ */
	#menu1 .sc2 {
		width: 57%;
	}

	#menu1 .sc3 {
		position: relative;
		z-index: 1;
		float: right;
		margin: 60px 1% 0 0;
		padding-bottom: 3em;
		width: 35%;
		height: auto;
		border: solid 3px #980046;
	}

	#menu1 .sc3:before {
		position: absolute;
		top: -13px;
		left: -13px;
		z-index: 10;
		display: block;
		padding: 0 24px 24px 0;
		width: 100%;
		height: 100%;
		border: solid 2px #980046;
		content: "";
	}

	/* クリニックについて */
	#menu2 .sc2 {
		height: 1272px;
	}

	#menu2 .sc2 .columnL {
		float: none;
		width: 100%;
		height: auto;
	}

	#menu2 .sc2 .columnL li {
		float: none;
		padding-right: 0;
		padding-bottom: 10px;
		width: 255px;
	}

	#menu2 .sc2 #stage img {
		right: inherit;
		bottom: inherit;
		left: 7%;
		overflow: hidden;
		width: 250px;
		height: 374px;
	}

	#menu2 .sc2 #stage span {
		right: inherit;
		bottom: 0;
		width: 250px;
		text-align: center;
	}

	@media only screen and (min-width: 480px) {
		#menu2 .sc2 #stage span {
			bottom: 25px;
		}
	}

	/* 診療案内 */
	#menu3 .column {
		position: relative;
		margin-bottom: 20px;
		max-width: 810px;
		width: 100%;
	}

	#menu3 .sc1 .scimg {
		margin-top: 50px;
	}

	#menu3 .clinichours {
		width: 60%;
		height: 6em;
	}

	#menu3 .clinichours dd {
		letter-spacing: 0.1em;
	}

	/* 診療科目のご紹介 */
	#menu9 .sc {
		padding-top: 145px;
	}

	#menu9 .scimg {
		float: left;
		max-width: 75px;
		width: 9%;
	}

	#menu9 h3,
	#menu9 p {
		margin-left: 12%;
	}

	#menu9 h3 {
		padding-bottom: 5px;
		border-bottom: 2px solid #980046;
	}

	#menu9 p img {
		vertical-align: text-bottom;
	}

	#menu9 .sc1 ul {
		float: left;
		margin-top: 0;
		padding-right: 1em;
		padding-left: 1em;
	}

	#menu9 .sc1 li {
		color: #980046;
		font-size: 130%;
	}

	#menu9 .sc5 table {
		margin-left: 12%;
	}

	/* 近隣の医療機関の皆様へ */
	/* 血液検査機器について */
	/* 職員募集について */
	/* 院内感染対策 */
	#menu10,
	#menu11,
	#menu12,
	#menu13 {
		overflow-y: auto;
		margin: 50px auto 100px auto;
		width: 96%;
	}
}

@media only screen and (max-width: 768px) {
	/* header */
	#header #header_inner {
		top: 0;
	}

	#header #headinfo {
		top: 40px;
		left: 10px;
	}

	#header #h_tel a {
		max-width: 200px;
		width: 75%;
		height: 18px;
	}

	/* slidemenu button */
	a #menubtn {
		top: 70px;
	}

	/* footer */
	#footer {
		padding-left: 1%;
	}

	#footer p {
		text-align: center;
	}

	/* contents common */
	span.mbr:before {
		content: "\A";
		white-space: pre;
	}

	#menu2 .titlebox,
	#menu3 .titlebox,
	#menu5 .titlebox,
	#menu9 .titlebox {
		max-height: 150px !important;
	}

	.titlebox h1 {
		margin-left: 10px;
		width: 85%;
	}

	.headMN {
		position: relative;
		top: inherit;
		right: inherit;
		left: 20px;
		max-width: 420px;
		width: 85%;
	}

	.headMN li {
		margin-top: 5px;
		margin-right: 10px;
		min-width: 50px;
		width: 35%;
		height: auto;
	}

	.box {
		padding: 20px 2% 20px 10%;
		width: 88%;
	}

	.box h2,
	.box h3,
	.box h4 {
		width: 80%;
	}

	span.break:before {
		content: "";
		white-space: nowrap;
	}

	.pagetop {
		right: 0;
		bottom: 60px;
	}

	#ptop1 {
		display: none;
	}

	#ptop2 {
		display: block;
	}

	/* トップページ */
	#home .sc1 h2 {
		margin: 0 auto;
		max-width: 430px;
		width: 98%;
		height: 100%;
		background: url(../images/home/ttl_mb_department.png) no-repeat center;
		background-size: contain;
		text-indent: -9999px;
	}

	#home .sc1 li {
		float: none;
		margin: 10px auto;
	}

	#home .sc4 ul {
		margin: 0 auto;
		width: 100%;
	}

	#home .sc4 .box_access a {
		float: left;
		margin: 0 0 20px 0;
		max-width: 164px;
		max-height: 164px;
		width: 50%;
		height: 48%;
	}

	#home .sc4 .box_contact a {
		float: right;
		clear: right;
		margin: 0 -2% 20px 0;
		max-width: 164px;
		max-height: 164px;
		width: 50%;
		height: 48%;
	}

	#home .sc4 .box_staff a {
		float: left;
		clear: left;
		margin: 0 0 20px 0;
		max-width: 164px;
		max-height: 164px;
		width: 50%;
		height: 48%;
	}

	#home .sc4 .box_equipment a {
		float: right;
		margin: 0 -2% 20px 0;
		max-width: 164px;
		max-height: 164px;
		width: 50%;
		height: 48%;
	}

	#home .sc5 .clinichours {
		width: 100%;
	}

	#home .sc6 .box {
		padding: 10px 5%;
		width: 90%;
	}

	#home .sc6 .columnL,
	#home .sc6 .columnR {
		width: 100%;
		border: none;
	}

	#home .sc6 .columnL h4,
	#home .sc6 .columnR h5 {
		width: 100%;
		text-align: center;
	}

	#home .sc6 .columnR ul {
		margin: 0 auto;
		width: 230px;
	}

	/* ごあいさつ */
	#menu1 .sc1 {
		position: relative;
	}

	#menu1 .sc1 p {
		float: none;
		width: 100%;
	}

	#menu1 .sc1 .scimg {
		float: none;
		margin: 0 auto 20px 20%;
		max-width: 200px;
		width: 60%;
	}

	#menu1 .sc1 .sign {
		position: absolute;
		bottom: 0;
		margin-left: 20%;
		width: auto;
	}

	#menu1 .sc2 {
		float: none;
		width: 100%;
	}

	#menu1 .sc2 h2 {
		width: 100%;
	}

	#menu1 .sc2 dt {
		float: none;
	}

	#menu1 .sc2 dd {
		margin-left: 1em;
	}

	#menu1 .sc3 {
		float: none;
		margin-bottom: 30px;
		margin-left: 5%;
		width: 85%;
	}

	#menu1 .sc3 li {
		margin-left: 2em;
		list-style: square;
	}

	/* クリニックについて */
	#menu2 .sc1 .columnL,
	#menu2 .sc1 .columnR {
		float: none;
		width: 100%;
	}

	#menu2 .sc1 .columnL .contact h3 {
		float: none;
	}

	#menu2 .sc1 .columnL .contact ul {
		margin-left: 0;
	}

	#menu2 .sc1 .columnL .contact a img {
		margin: 0 0 10px 0;
	}

	#menu2 .sc2 {
		height: 1316px;
	}

	#menu2 .sc2 #stage img {
		left: 10%;
	}

	/* 診療案内 */
	#menu3 .sc1 .emphasis {
		max-width: 100%;
	}

	#menu3 .clinichours {
		width: 100%;
		height: auto;
	}

	#menu3 .clinichours dl {
		float: none;
		margin: 0;
		width: 100%;
	}

	#menu3 .clinichours dt {
		width: 7em;
		letter-spacing: -0.011em;
		font-size: 80%;
	}

	#menu3 .clinichours dd {
		margin-left: 8em;
		letter-spacing: -0.01em;
		font-size: 80%;
	}

	#menu3 .sc3 .info {
		float: none;
		margin-top: 0;
		width: 100%;
	}

	#menu3-1 .highlight {
		clear: both;
		margin-top: 50px;
		width: 97%;
	}

	/* スタッフ紹介 */
	#menu4 .box {
		padding: 15px 2%;
	}

	#menu4 .box dt {
		float: none;
	}

	#menu4 .box dt {
		margin: 0 auto 1em auto;
		padding: 1em;
		width: 92%;
		height: 1em;
	}

	#menu4 .box dt br {
		display: none;
	}

	#menu4 .box dd {
		margin: 0 1%;
		width: 48%;
	}

	#menu4 .comingsoon {
		margin: 0 50%;
		width: 90%;
	}

	/* アクセス */
	#menu5 .columnL {
		float: none;
		max-width: 439px;
		width: 98%;
	}

	#menu5 #illustmap {
		margin-bottom: 30px;
		max-width: 439px;
		max-height: 298px;
		width: 100%;
		height: 100%;
	}

	#menu5 .columnR {
		float: none;
		padding-left: 0;
		max-width: 439px;
		width: 98%;
	}

	#map {
		position: relative;
		overflow: visible;
		padding-bottom: 90%;
		width: 90%;
		height: 0;
		border: 1px solid #980046;
		background: #e8e8e8;
	}

	#menu5 .columnR .distance {
		padding-left: -10px;
		letter-spacing: 0.01em;
		line-height: 30px;
	}

	#menu5 .sc2 h3 {
		float: none;
		margin: 0 auto;
		max-width: 144px;
		max-height: 144px;
		width: 100%;
		height: 100%;
	}

	#menu5 .sc2 .column {
		margin-left: 7%;
	}

	#menu5 .sc2 .column .tel {
		width: 70%;
	}

	#menu5 .sc2 .column p {
		letter-spacing: 0.04em;
	}

	#menu5 .sc2 hr {
		margin: 10px 0 -5px 0;
	}

	/* プライバシーポリシー */
	#menu6 .sc1 h3 {
		float: none;
		margin: 5px auto;
		padding: 10px;
		max-width: 144px;
		width: 100%;
		height: 144px;
		background: #fff url(../images/boxmenu.png) no-repeat -185px 0;
		text-indent: -9999px;
	}

	#menu6 .sc1 p,
	#menu6 .sc1 ul {
		margin-left: 0;
	}

	#menu6 .sc1 ul a {
		color: #fff;
		text-decoration: none;
	}

	#menu6 .sc1 ul a:hover {
		color: #fff;
		text-decoration: underline;
	}

	/* サイトマップ */
	#menu7 .tree ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#menu7 .tree ul li {
		margin-left: 2em;
		border-left: 1px solid #980046;
		line-height: 6em;
		zoom: 1;
	}

	#menu7 .tree ul li:before {
		float: left;
		overflow: hidden;
		margin-right: 0;
		width: 2em;
		height: 3em;
		border-bottom: 1px solid #980046;
		content: "";
	}

	#menu7 .tree ul li.last-child {
		border: none;
	}

	#menu7 .tree ul li.last-child:before {
		height: 3em;
		border-left: 1px solid #980046;
	}

	#menu7 .tree ul li ul {
		margin-left: 0;
	}

	#menu7 .tree li li {
		line-height: 1em;
	}

	#menu7 .tree a {
		width: 12em;
	}

	#menu7 .tree .subitem {
		display: block;
		margin-top: -2em;
		margin-left: 3em;
		line-height: 1.5em;
	}

	#menu7 .tree .subitem:before {
		content: "\A";
		white-space: pre;
	}

	/* 診療科目のご紹介 */
	#menu9 h2 {
		margin: 0 auto;
		max-width: 320px;
		width: 100%;
		height: 100%;
		background: url(../images/home/ttl_mb_department.png) no-repeat center;
		background-size: contain;
		text-indent: -9999px;
	}

	#menu9 .sc {
		padding-top: 145px;
	}

	#menu9 .scimg {
		float: right;
		margin: -30px 1% 20px 0;
		max-width: 60px;
		width: 60%;
		height: 60px;
	}

	#menu9 h3,
	#menu9 p {
		margin-left: 0;
		width: 98%;
	}

	#menu9 h3 {
		margin-top: 3em;
	}

	#menu9 .sc1 .column {
		margin-left: 1%;
		width: 98%;
	}

	#menu9 .sc1 ul {
		float: left;
		margin-top: 0;
		padding-right: 1em;
		padding-left: 2em;
		width: 12em;
	}

	#menu9 .sc4 .columnL {
		float: none;
		margin-left: 0;
		width: 98%;
	}

	#menu9 .sc4 .columnL h3,
	#menu9 .sc4 .columnL p {
		margin-left: 0;
	}

	#menu9 .sc4 .columnL h3,
	#menu9 .sc4 .columnR h3 {
		margin-left: 0;
		height: 27px;
		background: url(../images/h_bg.png) repeat;
		text-align: center;
		line-height: 27px;
	}

	#menu9 .sc4 .columnR {
		float: none;
		width: 98%;
	}

	#menu9 .sc4 dt .num {
		float: left;
		background: #ccc;
	}

	#menu9 .sc4 dt span.ir {
		display: block;
		margin-left: 35px;
		color: #980046;
		letter-spacing: 0.01em;
		font-size: 120%;
	}

	#menu9 .sc4 dl dl dt span.ir {
		margin-left: 0;
		font-size: 110%;
	}

	#menu9 .sc4 dt .menuttl {
		display: none;
	}

	#menu9 .sc4 dl dl dt img {
		display: none;
	}

	#menu9 .sc4 .columnL dd dl {
		margin-left: -32px;
		padding: 10px;
		background: url(../images/bg_column.png) repeat;
	}

	#menu9 .sc4 .columnR dd {
		margin-left: 10px;
	}

	#menu9 .sc4 .columnL dd dd,
	#menu9 .sc4 .columnR dd dd {
		margin-left: 0;
	}

	#menu9 .sc5 table {
		margin-left: 0;
	}

	#menu9 .sc5 .non {
		display: none;
	}

	#menu9 .sc5 .menuttl {
		float: left;
		clear: both;
		margin-bottom: 10px;
		width: 100%;
	}

	#menu9 .sc5 td {
		float: left;
		margin-left: 20%;
		width: 50%;
		height: 30px;
		text-align: right;
	}

	#menu9 .sc5 td img,
	#menu9 .sc5 .off {
		display: none;
	}

	#menu9 .sc5 td .mb {
		display: block;
	}

	#menu9 .sc5 .on {
		background: none;
	}

	#menu9 .sc5 td.ful {
		height: 3em;
		line-height: 1em;
	}

	#menu9 .sc5 .pneumococcus td {
		height: auto;
		line-height: 1.5;
		margin-bottom: 50px;
	}

	#menu9 .sc5 .pneumococcus td:last-child {
		margin-bottom: 30px;
	}

	#menu9 .sc5 .pregnant td {
		display: none;
	}

	#menu9 .sc6 {
		margin-bottom: 30px;
	}

	/* 近隣の医療機関の皆様へ */
	/* 血液検査機器について */
	/* 職員募集について */
	/* 院内感染対策 */
	#menu10,
	#menu11,
	#menu12,
	#menu13 {
		margin-left: -10px;
	}

	#menu10 .box-corners-top,
	#menu11 .box-corners-top,
	#menu12 .box-corners-top,
	#menu13 .box-corners-top {
		margin: 20px 0 60px;
		width: 90%;
		border: 1px solid #980046;
	}

	#menu10 h3 img,
	#menu11 h3 img,
	#menu13 h3 img {
		display: none;
	}

	#menu10 h3 span.mb,
	#menu11 h3 span.mb,
	#menu13 h3 span.mb {
		display: block;
		margin-top: 40px;
		width: 120%;
		font-size: 80%;
	}

	#menu10 .columnL,
	#menu11 .columnL {
		float: none;
		width: 90%;
	}

	#menu10 .columnR,
	#menu11 .columnR {
		float: none;
		width: 90%;
	}

	/* 職員募集について */
	#menu12 {
		overflow-y: auto;
		margin: 50px auto 100px auto;
		width: 96%;
	}
}

@media only screen and (max-width: 640px) {
	#home .btnarea {
		background: none;
		height: 200px;
	}

	#home .btnarea li {
		background: #fff;
		float: none;
		height: 51px;
		margin: 0 auto 20px auto;
		max-width: 329px;
		padding: 10px 3%;
		width: 100%;
	}

	#home .btnarea li:first-child {
		margin-right: auto;
	}
}

@-moz-document url-prefix() {
	#menu2 .sc2 span {
		padding-top: -20px;
	}
}

/* ===============================================================
    3. Print Styles
=============================================================== */
@media print {
	* {
		/* Black prints faster: h5bp.com/s */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	html {
		width: 900px;
	}

	.box {
		margin-top: -170px;
		width: 900px;
	}

	#arrow_prev {
		display: none;
	}

	#arrow_next {
		display: none;
	}

	#home,
	#menu1,
	#menu2,
	#menu3,
	#menu4,
	#menu5,
	#menu6,
	#menu7,
	#menu8,
	#menu9,
	#menu10 {
		display: block;
		float: left;
		clear: both;
		width: 900px;
	}

	#header {
		position: relative;
	}

	#footer {
		display: none;
	}
}