@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box; }

header, section, footer, aside, nav, article, figure {
  display: block;
  position: relative; }

html {
  font-size: 625%;
  height: 100%;
  font-family: 'Noto Sans Japanese',"游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal; }

body {
  background-color: #fff;
  font-size: .16em;
  line-height: 1.7;
  color: #4d4d4d; }

html, body, small, h1, h2, h3, h4, h5 {
  font-size: 1em; }

div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-family: "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  text-indent: 0;
  list-style: none; }

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-family: "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  text-indent: 0;
  list-style: none; }

iframe {
  display: block;
  width: 100%;
  height: auto;
  border: none; }

img {
  display: block;
  width: 100%;
  height: auto; }

.fixImg {
  width: auto;
  height: auto; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #1670f7; }
  a:hover, a:active {
    color: rgba(22, 112, 247, 0.7); }
  a:hover {
    transition-property: all;
    transition: 0.3s linear;
    opacity: 0.7; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: normal; }

td, th {
  line-height: 1.3em; }

input,
select {
  vertical-align: middle; }

ul, ol, dl, li {
  padding: 0;
  margin: 0;
  list-style: none; }

area {
  cursor: pointer !important; }

section p,
.section p {
  margin-bottom: 1em;
  line-height: 1.8em; }

#contents ul,
#contents ol,
#contents dl {
  margin-bottom: 1em;
  margin-top: 1em; }

#contents li,
#contents dd {
  line-height: 1.5em; }

#contents ul li {
  margin-left: 0em;
  padding-left: normal; }

.low #contents section ol:not(.flow) li,
.low #contents .section ol:not(.flow) li {
  margin-left: 1.5em;
  list-style: decimal;
  padding-left: normal; }

.cf {
  zoom: 1; }

.cf:before,
.cf:after,
#headeerSub:after,
#headerUpper:after,
header:after,
header .inner:after,
#container:after,
footer:after,
#container > section:after,
#container > .section:after,
#contents section:after,
#contents .sectiion:after,
#bread:after,
.pagetop:after,
#footInfoG:after,
#footBottom:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.cf,
.float_block {
  overflow: hidden; }

#homeSp {
  display: none; }

/* Layout Document */
/* Layout Basic block   //////////////////////////////////////*/
body {
  line-height: 1.6;
  color: #000; }

#headerUpper,
#headerImage,
.gn ul,
#bread,
.home footer .inblock {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

.home .gn ul {
  max-width: 1200px; }

#contents {
  position: relative;
  width: 96%;
  max-width: 1400px;
  margin: 0 auto; }

.home section,
.home .section {
  position: relative;
  width: 96%;
  max-width: 1100px;
  margin: 0 auto 65px auto;
  padding: 65px 0; }

.low section,
.low .section,
.ancMenu,
#bread {
  position: relative;
  width: 96%;
  max-width: 1100px;
  margin: 0px auto;
  padding: 25px 0; }

.low section section,
.low .section section {
  width: 100%; }

.low h1 {
  position: relative;
  width: 96%;
  max-width: 1200px; }

.home #news {
  max-width: 1400px; }

@media only screen and (max-width: 649px) {
  .home #contents,
  .home section {
    width: 100%; }

  .home section {
    padding: 0px 0; }

  .home section#news {
    padding: 30px 0; }

  .home #homePhoto {
    padding: 45px 0; } }
@media only screen and (max-width: 767px) {
  .low h1 {
    width: 100%; } }
header {
  padding: 0; }

header > div {
  background: #004385; }

.fixed {
  position: fixed;
  top: 0;
  padding: 0;
  width: 100%;
  z-index: 100; }

#headerFix {
  padding: 0; }

#headerUpper {
  position: relative;
  padding: 0;
  background: #004385; }

#logo {
  float: left;
  width: 35%;
  margin: 18px 0 18px 2.4%; }
  #logo img {
    max-width: 300px; }

#headerRight {
  float: right;
  width: 60%;
  max-width: 480px;
  margin: 18px 2.4% 0 0; }

#telPc {
  float: left;
  width: 54.16%;
  max-width: 260px; }

#resPc {
  float: right;
  width: 45.83%;
  max-width: 220px; }

@media only screen and (max-width: 900px) {
  #logo {
    margin: 10px 0 12px 2%; }

  #headerRight {
    margin: 10px 2% 12px 0; } }
@media only screen and (max-width: 480px) {
  #headerUpper {
    padding: 8px 0; }

  #logo {
    width: 48%;
    margin: 0 0 0 2%; }
    #logo img {
      margin: 0; }

  #headerRight {
    width: 48%;
    margin: 0 2% 0 0; }
    #headerRight i {
      display: block;
      margin-bottom: 4px;
      font-size: 20px; }

  #resSp a,
  #telSp a {
    float: right;
    max-width: 56px;
    margin-left: 10px; }

  #resSp a,
  #telSp a {
    display: block;
    padding: 6px 10px;
    background: #0078d7;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-size: 14px; } }
.home #headerImage {
  position: relative;
  width: 100%;
  margin: 0 auto !important;
  background: url("../img/headerImage.jpg") no-repeat center top;
  background-size: contain; }
  @media only screen and (max-width: 1160px) {
    .home #headerImage {
      margin: 0 auto !important;
      background-position: center center;
      background-size: cover; } }

.low #headerImage {
  display: none; }

.home h1 {
  width: 100%;
  max-width: 760px; }
  .home h1 img {
    max-width: 760px; }

.low h1 {
  margin: 0 auto;
  padding: 25px 0 35px 0;
  background: url("../img/lowH1Bg.jpg") no-repeat right bottom;
  background-size: auto 65%; }
  .low h1 span {
    display: inline-block;
    padding: 20px 30% 40px 20px;
    background: rgba(34, 174, 209, 0.9);
    font-size: .3rem;
    font-size: 1.333rem;
    color: #fff; }

@media only screen and (min-width: 481px) and (max-width: 900px) {
  .home #headerImage div {
    top: 39%;
    left: 5%;
    font-size: 2.3vw; }

  .low h1 span {
    font-size: .4rem; } }
@media only screen and (max-width: 480px) {
  .home h1 {
    width: 100%;
    max-width: 480px;
    background-size: auto 100%; }
    .home h1 img {
      max-width: 480px; }

  .home #headerImage div {
    top: 42% !important;
    left: 8%;
    font-size: 2.85vw; }
  .home #headerImage .title {
    margin-bottom: 12px;
    font-size: 3.4vw;
    line-height: 1.5;
    letter-spacing: 1px;
    background: -webkit-linear-gradient(transparent 60%, rgba(56, 182, 214, 0.7) 60%);
    background: linear-gradient(transparent 60%, rgba(56, 182, 214, 0.7) 60%); }

  .low h1 {
    padding: 0;
    background-size: auto 100%; }
    .low h1 span {
      padding: 12px 20% 12px 6%;
      font-size: 1rem; } }
.gn {
  display: flex;
  flex-direction: row;
  background: -webkit-gradient(linear, top, bottom, color-stop(0.2, #004385), color-stop(1, #0078d7));
  background: linear-gradient(to bottom, #004385 20%, #0078d7 100%); }
  .gn li {
    width: 12%;
    margin: 0 2%; }
  .gn a {
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em; }

@media all and (-ms-high-contrast: none) {
  /* IEハック-------*/
  .gn a {
    padding: 15px 0 6px 0; } }
.home .gn li:nth-child(1),
.greeting .gn li:nth-child(2),
.treat .gn li:nth-child(3),
.clinic .gn li:nth-child(4),
.access .gn li:nth-child(5),
.reserve .gn li:nth-child(6) {
  background: rgba(0, 120, 215, 0.8); }

@media only screen and (max-width: 900px) {
  .gn {
    background: none; }
    .gn li {
      width: 33.333%;
      margin: 0;
      border: 1px solid #c0c0c0;
      border-left: none;
      border-top: none;
      background: -webkit-gradient(linear, top, bottom, color-stop(0.2, #004385), color-stop(1, #0078d7));
      background: linear-gradient(to bottom, #004385 20%, #0078d7 100%); }
      .gn li:nth-child(3n) {
        border-right: none; }
      .gn li:nth-child(5) {
        letter-spacing: -2px; }
    .gn a {
      padding: 11px 0;
      font-size: 1.85vw; } }
.gn a:hover {
  background: rgba(255, 255, 255, 0.35);
  text-shadow: none; }

@media only screen and (max-width: 1160px) {
  .gn a {
    font-size: 1.55vw; } }
@media only screen and (max-width: 480px) {
  .gn a {
    font-size: 0.8em;
    font-weight: bold; } }
#container {
  position: relative;
  width: auto;
  min-height: 400px;
  background: #fff; }

#contents {
  position: relative; }

.ancMenu li {
  float: left;
  border: 1px solid #cca983; }
  .ancMenu li a {
    position: relative;
    display: block;
    padding: 12px 50px 12px 15px;
    text-decoration: none !important;
    text-align: left;
    background: #efd1ad;
    background: -webkit-gradient(linear, left, right, color-stop(0.1, #efd1ad), color-stop(1, #f8dcba));
    background: linear-gradient(to right, #efd1ad 10%, #f8dcba 100%);
    color: #000 !important; }
  .ancMenu li i {
    position: absolute;
    right: 8px;
    top: 35%;
    font-size: 100%;
    color: #cca983; }

@media only screen and (max-width: 480px) {
  .ancMenu li {
    float: none; }
    .ancMenu li a {
      padding: 0.6em 1em; } }
/* Bread ------------*/
#bread {
  position: relative;
  margin: 0 auto 15px auto !important;
  padding: 20px 0.3em 0.4em 0.8em;
  font-size: 0.85em;
  line-height: 1.4em; }
  #bread li {
    float: left;
    margin-right: 0.5em;
    list-style: none !important; }
  #bread * {
    color: #5e5e5e; }
  #bread a {
    margin-right: 0.5em;
    text-decoration: none !important; }
    #bread aa:hover {
      text-decoration: underline !important; }
  .home #bread {
    display: none; }

/* footer --------------------------------*/
#footInfoG,
#footBottom {
  padding-top: 20px !important; }

#footMap {
  width: 30%;
  float: right;
  margin-right: 4%; }

#footInfo {
  width: 40%;
  float: left;
  color: #fff;
  font-size: 0.8em;
  text-align: left; }

#footShift {
  width: 50%;
  float: right; }

footer h2 {
  position: relative;
  padding: 0 2.5em;
  text-align: center;
  color: #004385;
  font-weight: normal; }
  footer h2:before, footer h2:after {
    display: inline-block;
    position: absolute;
    content: '';
    top: 50%;
    width: 37%;
    height: 1px; }
  footer h2:before {
    left: 0;
    background: -webkit-gradient(linear, left, right, color-stop(0.1, #0078d7), color-stop(1, #004385));
    background: linear-gradient(to right, #0078d7 10%, #004385 100%); }
  footer h2:after {
    right: 0;
    background: -webkit-gradient(linear, left, right, color-stop(0, #004385), color-stop(0.9, #0078d7));
    background: linear-gradient(to right, #004385 0%, #0078d7 90%); }

@media only screen and (max-width: 649px) {
  footer h2:before,
  footer h2:after {
    width: 22%; } }
#footInfo dt {
  display: inline-block;
  padding: 0.3em 0.6em 0.0em 0.6em;
  color: #fff; }
#footInfo dt i {
  margin-right: 5px; }
#footInfo dd {
  margin: -1.7em 0 0.2em 0;
  padding-left: 8.5em; }
#footInfo .adjust {
  letter-spacing: 0.43em; }
#footInfo .adjust2 {
  letter-spacing: 1.15em; }

.footLogo img {
  max-width: 254px; }

#footNav li {
  display: inline-block;
  width: 33.333%;
  margin: 20px 0;
  box-shadow: inset 0 0 5px #fff; }
#footNav a {
  display: block;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em; }

#ddBtn {
  max-width: 150px;
  margin: 10px auto; }

#copy a {
  font-size: 0.75em;
  color: #c0c0c0 !important;
  font-weight: normal; }

/* トップページの footer -----------------*/
.home #footInfoG {
  padding-bottom: 30px; }
.home footer h2 {
  margin: 10px 0 30px 0;
  font-size: 1.5em; }
.home #footMap {
  display: none; }
.home #footInfo {
  float: left;
  width: 48%; }
  .home #footInfo dt {
    display: inline-block;
    background: #0078d7;
    padding: 0.3em 0.5em 0.0em 0.5em;
    border-radius: 4px; }
  .home #footInfo dd {
    margin: -1.7em 0 0.7em 0;
    padding-left: 8.5em;
    color: #000; }
  .home #footInfo .adjust {
    letter-spacing: 0.4em; }
.home #footBottom {
  padding-top: 20px;
  text-align: center;
  background: #004385; }
  .home #footBottom .footLogo {
    width: 50%;
    margin: 0 auto; }
    .home #footBottom .footLogo img {
      margin: 0 auto; }

/* 下層ページの footer -----------------*/
.low footer {
  background: #004385;
  border-top: 1px solid #0a2472;
  overflow: auto; }
  .low footer h2, .low footer:before, .low footer:after {
    display: none; }
.low .low #footInfoG {
  float: left;
  width: 50%;
  margin-bottom: 20px;
  background: none !important; }
  .low .low #footInfoG .inblock {
    float: right;
    width: 96%;
    max-width: 600px; }
.low #footShift {
  display: none;
  float: none; }
.low #footMap,
.low #footInfo {
  float: none;
  width: 100%; }
.low #footMap iframe {
  display: none; }
.low #footInfo dt {
  padding: 0.2em 0em 0em 0em;
  color: #d5d5d5; }
  .low #footInfo dt i {
    display: none; }
.low #footInfo dd {
  margin: -1.7em 0 0em 0;
  padding-left: 6em;
  color: #d5d5d5; }
.low #footBottom {
  float: right;
  width: 50%;
  background: none !important; }
  .low #footBottom .inblock {
    float: left;
    width: 96%;
    max-width: 600px;
    text-align: right; }
.low #footNav {
  margin-bottom: 30px; }
  .low #footNav li {
    float: right;
    margin: 0; }
.low #ddBtn {
  margin: 10px 0 10px auto; }
.low #copy span {
  display: block; }

@media only screen and (max-width: 930px) {
  .home #footInfo {
    float: none;
    width: 90%; }

  .home #footShift {
    width: 80%;
    float: none; } }
@media only screen and (max-width: 480px) {
  .home #footInfo {
    width: 96% !important;
    margin: 0 auto 50px auto !important; }

  .home #footShift {
    width: 98%; }

  .low #footInfoG,
  .low #footBottom {
    position: relative;
    width: 96% !important;
    float: none !important;
    margin: 0 auto 20px auto !important; }

  .low #footInfoG .inblock,
  .low #footBottom .inblock {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0;
    text-align: left; }

  .low #ddBtn {
    margin: 20px auto 5px 0; }

  .low #copy span {
    display: inline-block; }

  .low #footBottom .footLogo img {
    max-width: 45%; } }
/* Common Basic ////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/
/* table 
--------------------------------------------------------------*/
table {
  width: auto;
  margin: 1em 0 1.5em 0;
  background: #ffffff; }

tbody th {
  text-align: left; }

th,
td {
  font-size: 90%;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #c4adaf !important;
  padding: 0.4em 1em 0.2em 1em; }

.noborder {
  width: auto; }
  .noborder th,
  .noborder td {
    border: none; }

th {
  vertical-align: middle; }

.nowrap {
  white-space: nowrap; }

caption {
  text-align: left;
  font-weight: bold; }

.cel-right td {
  text-align: right; }

.cel-1 {
  width: 1em; }

/* 診療時間表---------------------------------　*/
.shift th,
.shift td {
  padding: 20px auto !important;
  border: 1px solid #c0c0c0 !important; }
.shift th {
  background: #0078d7;
  background-clip: padding-box !important;
  color: #fff; }
.shift tbody td {
  text-align: center;
  color: #004385;
  background: #f9ebe0;
  background-clip: padding-box !important; }
.shift span {
  display: inline-block;
  margin: 0 3%; }

@media only screen and (max-width: 480px) {
  .shift {
    width: 100%; }
    .shift th,
    .shift td {
      font-size: 0.8em !important; }
    .shift th {
      padding: 5px 5px !important;
      text-align: center; }
    .shift td {
      width: auto;
      padding: 5px 0 !important; }
    .shift span {
      display: block;
      margin: 0; } }
#bikou {
  position: fixed;
  bottom: 5px;
  padding: 1em;
  background: #ffffff;
  border: 1px solid #999;
  z-index: 100; }

.anno li,
#bikou li {
  margin-bottom: 0.5em !important;
  padding-left: 14px;
  font-size: 0.9em;
  line-height: 1.3em;
  background: url(../image/marker-anno.png) no-repeat left 2px;
  color: #666; }

.anno li:last-child,
#bikou li:last-child {
  margin-bottom: 0em !important; }

#bikou li {
  margin-bottom: 0.3em !important;
  line-height: 1.2em; }

@media only screen and (max-width: 649px) {
  .scroll {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }
    .scroll table {
      width: 100%; }
    .scroll::-webkit-scrollbar {
      height: 5px; }
    .scroll::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #eee; }
    .scroll::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #666; } }
/* 求人情報---------------------------------　*/
.chart th,
.chart td {
  font-size: 100% !important; }
.chart th {
  white-space: nowrap !important; }
.chart td {
  text-align: left !important; }

@media only screen and (max-width: 480px) {
  .chart {
    width: 100%; }
    .chart th {
      white-space: normal !important; }
    .chart td {
      padding: 5px 5px !important; } }
/* Link
--------------------------------------------------------------*/
#contents a:link,
#contents a:visited {
  color: #3587ff;
  text-decoration: underline; }

#contents a:hover,
#contents a:active {
  color: #0066f7; }

#contents .noline a:link,
#contents .noline a:visited {
  text-decoration: none; }

a:hover,
a:active,
a:focus {
  text-decoration: none; }

a img {
  border: none; }

header a:hover img,
.home #linkBa a:hover,
.bn-bu button:hover,
a:hover img,
a:active img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )"; }

/* ページトップボタン*/
#ptBtn {
  position: fixed;
  right: 20px; }
  #ptBtn a {
    display: block;
    background: rgba(221, 185, 76, 0.8);
    box-sizing: border-box;
    border-radius: 50%; }
    #ptBtn a:hover {
      background: rgba(221, 185, 76, 0.6); }
    #ptBtn a img {
      margin: 0 auto; }

/* Text
--------------------------------------------------------------*/
strong {
  font-weight: normal;
  color: #e63161; }

#bread strong {
  font-weight: normal;
  color: #000 !important; }

.red {
  color: #ce0a4c; }

.blue {
  color: #477fb4; }

.bold {
  font-weight: bold; }

.cc1 {
  color: #730524; }

/* コーポレートカラー*/
.f_blue {
  font-weight: bold;
  color: #000;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0; }

.size-ss {
  font-size: 80% !important; }

.size-s {
  font-size: 88% !important; }

.size-l {
  font-size: 120% !important; }

.size-ll {
  font-size: 150% !important; }

.anno {
  color: #FF0000;
  font-size: 90%; }

.anno-s {
  color: #FF0000;
  font-size: 88%; }

.anno-l {
  color: #FF0000;
  font-size: 120%;
  font-weight: bold; }

.anno-ll {
  color: #FF0000;
  font-size: 150%;
  font-weight: bold; }

.anno2 {
  margin: 1em 0em; }
  .anno2 li {
    margin-bottom: 0em;
    color: #44494c;
    font-size: 90%; }
  .anno2 li.red {
    color: #ce0a4c; }
  .anno2:before {
    content: "※ "; }

.ls1 {
  letter-spacing: 1px; }

.ls2 {
  letter-spacing: 2px; }

.addImgCap li span {
  display: block;
  font-size: 0.9em;
  text-align: center; }

.remarks {
  margin-bottom: 0.2em !important;
  font-size: 0.9em; }
  .remarks img {
    display: inline;
    width: 20px !important;
    vertical-align: middle; }

.memo {
  padding: 0.5em 1em;
  background: red;
  color: #fff;
  font-size: 1.15em; }

figcaption {
  margin: 0.7em 0;
  font-size: 0.9em;
  line-height: 1.3em; }

.und {
  background: #e2dde0 !important;
  color: #fff !important;
  text-align: center; }

/* Image
--------------------------------------------------------------*/
.fix img {
  width: auto !important; }

.edge img,
.addImgCap img {
  border: 5px solid #ffffff;
  box-shadow: 1px 1px 7px #000; }

.addImgCap li img {
  margin: 0 auto; }

.w10 {
  width: 10%;
  height: auto; }

.w15 {
  width: 15%;
  height: auto; }

.w20 {
  width: 20%;
  height: auto; }

.w25 {
  width: 25%;
  height: auto; }

.w30 {
  width: 30%;
  height: auto; }

.w35 {
  width: 35%;
  height: auto; }

.w40 {
  width: 40%;
  height: auto; }

.w45 {
  width: 45%;
  height: auto; }

.w50 {
  width: 50%;
  height: auto; }

.w55 {
  width: 55%;
  height: auto; }

.w60 {
  width: 60%;
  height: auto; }

.w65 {
  width: 65%;
  height: auto; }

.w70 {
  width: 70%;
  height: auto; }

.w75 {
  width: 75%;
  height: auto; }

.w80 {
  width: 80%;
  height: auto; }

.w85 {
  width: 85%;
  height: auto; }

.w90 {
  width: 90%;
  height: auto; }

.w100 {
  width: 100%;
  height: auto; }

.w31 img {
  max-width: 30px; }

.w81 img {
  max-width: 80px; }

.w101 img {
  max-width: 100px; }

.w130 img {
  max-width: 130px; }

.w120 img {
  max-width: 120px; }

.w150 img {
  max-width: 150px; }

.w160 img {
  max-width: 160px; }

.w180 img {
  max-width: 180px; }

.w200 img {
  max-width: 200px; }

.w220 img {
  max-width: 220px; }

.w230 img {
  max-width: 230px; }

.w240 img {
  max-width: 230px; }

.w250 img {
  max-width: 250px; }

.w260 img {
  max-width: 260px; }

.w280 img {
  max-width: 280px; }

.w300 img {
  max-width: 300px; }

.w320 img {
  max-width: 320px; }

.w330 img {
  max-width: 330px; }

.w350 img {
  max-width: 350px; }

.w360 img {
  max-width: 360px; }

.w370 img {
  max-width: 370px; }

.w400 img {
  max-width: 400px; }

.w410 img {
  max-width: 410px; }

.w420 img {
  max-width: 420px; }

.w430 img {
  max-width: 430px; }

.w440 img {
  max-width: 440px; }

.w450 img {
  max-width: 450px; }

.w470 img {
  max-width: 470px; }

.w480 img {
  max-width: 480px; }

.w500 img {
  max-width: 500px; }

.w530 img {
  max-width: 530px; }

.w550 img {
  max-width: 550px; }

.w560 img {
  max-width: 560px; }

.w570 img {
  max-width: 570px; }

.w580 img {
  max-width: 580px; }

.w600 img {
  max-width: 600px; }

.w620 img {
  max-width: 620px; }

.w630 img {
  max-width: 630px; }

.w640 img {
  max-width: 640px; }

.w650 img {
  max-width: 650px; }

.w680 img {
  max-width: 680px; }

.w700 img {
  max-width: 700px; }

.w720 img {
  max-width: 720px; }

.w750 img {
  max-width: 750px; }

.w780 img {
  max-width: 780px; }

.w800 img {
  max-width: 800px; }

.w840 img {
  max-width: 840px; }

.w860 img {
  max-width: 860px; }

.w960 img {
  max-width: 960px; }

.w1000 img {
  max-width: 1000px; }

.h250 {
  max-height: 250px;
  width: auto; }

/* Block
--------------------------------------------------------------*/
.block {
  display: block; }

.ind1 {
  text-indent: -1em;
  margin-left: 1em; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.posR {
  float: right; }

.posL {
  float: left; }

.posC {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.imgR {
  float: right;
  margin: 0 0 15px 5%; }

.imgL {
  float: left;
  margin: 0 5% 15px 0; }

.imgC img {
  display: block;
  margin: 0 auto; }

.posR img,
.imgR img {
  margin-right: 0;
  margin-left: auto; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb2e {
  margin-bottom: 2em !important; }

.mb1e {
  margin-bottom: 1em !important; }

.mb15e {
  margin-bottom: 1.5em !important; }

.mb2e {
  margin-bottom: 2em !important; }

.mb3e {
  margin-bottom: 3em !important; }

.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr5 {
  margin-right: 5% !important; }

.mr30 {
  margin-right: 30px !important; }

.mr1e {
  margin-right: 1em !important; }

.mt1e {
  margin-top: 1em !important; }

.mt05e {
  margin-top: 0.5em !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.sep2 > p,
.sep2 > li,
.sep2 > figure {
  width: 46%;
  margin: 0 1.5% 1em 1.5%;
  float: left; }

.sep3 > p,
.sep3 > li,
.sep3 > figure {
  width: 31%;
  margin: 0 1% 1em 1%;
  float: left; }

section p,
.section p {
  margin-bottom: 1em; }

h2 span,
h3 span,
h4 span,
h5 span,
.inline span {
  display: inline-block; }

.inline-li li {
  display: inline-block;
  margin-right: 0.5em; }
  .inline-li li:before {
    content: "・";
    color: #666;
    font-weight: bold; }

.block span,
.block2 span {
  display: block; }

.shadow {
  box-shadow: 0 1px 3px #999999; }

.bottom-bn {
  padding: 1em 1em 0 1em;
  border: 3px dotted #f7a34e;
  border-radius: 12px;
  background: #f9e8d1;
  color: #000; }

.point1 {
  display: inline-block;
  padding: 0.6em 0.6em 0.4em 0.6em;
  border: 2px solid #f67b5d;
  border-radius: 6px;
  background: #fff; }

.sameHeight {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.home .dispLow,
.low .dispHome {
  display: none !important; }

.hide {
  display: none; }

/* List
--------------------------------------------------------------*/
#contents ul.list-nor li {
  margin-left: 1.5em;
  margin-bottom: 0.7em;
  padding-left: 0.2em;
  list-style: disc; }

#contents section ol li,
#contents .section ol li {
  margin-bottom: 0.7em; }

.list-tp1 li {
  padding: 0.5em 0 0.3em 3%;
  border-bottom: 1px dotted #3977b4;
  line-height: 1.3em; }

.list-tp2,
.list-tp2b,
.list-tp2-in {
  margin-left: 1.5em;
  list-style: none !important; }

.list-tp2 li,
.list-tp2b li {
  margin-left: 1em;
  margin-bottom: 0.8em;
  padding-left: normal;
  line-height: 1.4em;
  list-style: none !important; }

.list-tp2-in li {
  display: inline-block;
  margin-right: 35px; }

.list-tp2b li {
  margin-bottom: 0.3em;
  line-height: 1.3em; }

.list-tp2 li:before,
.list-tp2-in li:before,
.list-tp2b li:before {
  position: relative;
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #e8931c;
  left: -15px;
  top: -3px; }

.list-check li {
  margin-bottom: 0.8em;
  padding-left: 25px;
  line-height: 1.4em;
  list-style: none !important;
  background: url(../img/marker-check.png) no-repeat left top; }

.list-cel li {
  padding: 0.4em 1em !important;
  border: 1px solid #d1d1d1; }

.dl-tp1 dt {
  margin-top: 0.8em;
  padding: 0.3em 0 0.1em 1.4%;
  line-height: 1.3em;
  font-weight: bold;
  border-left: 4px solid #4eb2a5; }
.dl-tp1 dd {
  padding: 0.5em 0 0.3em 2%;
  border-bottom: 1px dotted #666;
  line-height: 1.3em; }
  .dl-tp1 dd:last-child {
    border-bottom: none; }

.dl-tp2 dt {
  margin-top: 0.8em;
  line-height: 1.3em;
  font-weight: bold; }
.dl-tp2 dd {
  padding: 0.2em 0 0.3em 1em;
  line-height: 1.3em; }

.dl-table dt {
  margin-top: 0.8em;
  padding: 0.3em 0 0.1em 1.4%;
  line-height: 1.3em;
  font-weight: normal;
  border-left: none; }
.dl-table dd {
  margin: -1.6em 0 0.6em 0;
  padding: 0 0 0.2em 8em;
  border-bottom: 1px dotted #CCC; }

/* フロー*/
.flow01 li {
  padding-bottom: 40px;
  background: url(../image/flow-arrow01.png) no-repeat 8% bottom; }

.flow dl {
  position: relative;
  margin-bottom: 50px !important;
  padding: 0 0 50px 40%; }
  .flow dl:last-of-type:after {
    content: none;
    display: none; }
.flow dt {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 8px 12px;
  color: #fff;
  line-height: 1;
  border-radius: 1em; }

/* Button
--------------------------------------------------------------*/
.btn-this {
  display: inline-table;
  margin: 1em auto;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background: -linear-gradient(top, #005081 47%, #00abe5 94%);
  background: url(../img/marker-nav-wh.png) no-repeat right center, linear-gradient(to right, #005081 47%, #00abe5 94%); }
  .btn-this a {
    display: block;
    padding: 0.3em 1.5em 0.1em 1.5em;
    color: #fff !important;
    font-size: 0.95em;
    text-decoration: none !important;
    -webkit-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out; }
    .btn-this a:hover {
      background: url(../img/marker-nav-wh.png) no-repeat right center, rgba(255, 255, 255, 0.3); }

.btn-ask {
  display: inline-table;
  margin: 1em auto;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background: #ffa220 url(../img/marker-nav-wh.png) no-repeat 95% center; }
  .btn-ask a {
    display: block;
    padding: 0.6em 2em 0.4em 1.8em;
    color: #fff !important;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #919191;
    text-decoration: none !important;
    -webkit-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out; }
    .btn-ask a:hover {
      background: url(../img/marker-nav-wh.png) no-repeat 95% center, rgba(255, 255, 255, 0.3); }

.btn-res a {
  display: block;
  position: relative;
  max-width: 400px;
  height: 130px;
  border: 4px solid #1ca7cd;
  background: url("../img/reserve/btnInternet_pc.png") no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
  border: 8px solid #fbb13c;
  border-radius: 8px; }
  @media only screen and (max-width: 767px) {
    .btn-res a {
      width: 92%;
      margin: 0 auto;
      height: auto;
      padding: 20px 1em;
      border-image: none;
      border: 4px solid #1ca7cd;
      background: none;
      background-color: #CAE9FF;
      background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #E7F8FC), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #E7F8FC), color-stop(0.75, #E7F8FC), color-stop(0.75, transparent), to(transparent));
      -webkit-background-size: 14px 14px;
      background-image: linear-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #E7F8FC), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #E7F8FC), color-stop(0.75, #E7F8FC), color-stop(0.75, transparent), to(transparent));
      background-size: 14px 14px;
      text-decoration: none !important;
      text-align: center !important;
      text-indent: 0;
      font-weight: bold; }
      .btn-res a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 8px;
        width: 0px;
        height: 0px;
        margin-top: -5px;
        border-left: 5px solid #1ca7cd;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent; } }

/* h2～h5
--------------------------------------------------------------*/
h2 img,
h3 img {
  max-width: 370px; }

h3 {
  margin: 35px 0 25px 0;
  font-size: 1.333rem;
  font-weight: bold;
  color: #60492c; }

h4 {
  margin: 20px 0 15px 0;
  padding-left: 0.5em;
  color: #6b685ef;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
  border-left: 4px solid #79675f; }

h5 {
  margin: 20px 0 10px 0;
  font-size: 110%; }

.tit {
  color: #f67b5d;
  font-size: 115%;
  font-weight: bold; }

.low h2 {
  position: relative;
  margin: 0px auto 50px auto;
  font-size: 1.333rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: left;
  color: #0078d7; }
  .low h2:after {
    display: inline-block;
    position: absolute;
    content: '';
    top: 45%;
    width: 55%;
    height: 1px;
    margin-left: 20px;
    background: -webkit-gradient(linear, left, right, color-stop(0.1, #0078d7), color-stop(1, #f9ebe0));
    background: linear-gradient(to right, #0078d7 10%, #f9ebe0 100%); }

.greeting #lowDoctor h2 {
  min-height: 70px;
  padding: 15px 0 15px 15px;
  font-size: 1.333rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #05b2dc; }
  .greeting #lowDoctor h2:after {
    display: none; }

@media only screen and (max-width: 480px) {
  .low #container h2 {
    margin: 0px auto 40px auto;
    padding-bottom: 8px;
    font-size: 130%;
    line-height: 1.3; }

  .low h2:after {
    display: none; } }
/* low 共通CSS
--------------------------------------------------------------*/
#lowMenu {
  margin-top: 50px !important; }
  #lowMenu nav li {
    float: left;
    width: 30%;
    margin: 0 1.5% 20px 1.5%; }
    @media only screen and (max-width: 649px) {
      #lowMenu nav li {
        float: left;
        width: 50%;
        margin: 0; } }
    #lowMenu nav li a {
      display: block;
      padding: 1em 0.5em 0.7em 11%;
      border: 1px solid #c0c0c0;
      text-decoration: none !important;
      color: #fff !important;
      background: url(../img/marker-nav-wh.png);
      background-repeat: no-repeat;
      background-position: 6% center; }
      #lowMenu nav li a:hover {
        background: url(../img/marker-nav-wh.png) rgba(171, 116, 75, 0.6);
        background-repeat: no-repeat;
        background-position: 6% center; }

/*------------------------------------------------------------
トップ　------------------------------------------------------
-------------------------------------------------------------*/
.home .dispLow {
  display: none; }

/*お知らせ ------------------------------------------------------*/
#news {
  margin: 70px auto !important;
  padding: 0;
  background: #0078d7; }
  #news h2 {
    float: left;
    width: 20%;
    margin: 0 !important;
    padding: 20px 0 0 2% !important;
    font-size: 1.125rem;
    color: #fff; }
  #news dl {
    float: right;
    width: 75%;
    min-height: 120px;
    max-height: 250px;
    margin: 0 !important;
    padding: 2em 1em 0.5em 5%;
    background: #fff;
    font-size: 0.9em;
    line-height: 1.2em;
    overflow-y: scroll; }
  #news dt {
    color: #878787; }
  #news dd {
    margin: -1.3em 0 1em 0;
    padding: 0 0 0.6em 9em;
    border-bottom: 1px dotted #cfcfcf; }
    #news dd strong {
      font-weight: bold; }

@media only screen and (max-width: 900px) {
  #news h2,
  #news dl {
    float: none;
    width: 100%; }

  #news {
    margin: 40px auto !important;
    padding: 10px 1px 1px 1px !important; }
    #news h2 {
      margin: 0 0 20px 0 !important;
      padding: 10px 0 0 2% !important; } }
@media only screen and (max-width: 767px) {
  #news {
    margin: 0 auto 30px auto !important;
    padding: 0px 3% 13px 3% !important; }
    #news h2 {
      margin: 0px 0 10px 0 !important;
      padding: 30px 0 0 0% !important;
      font-size: 1.2em; }
    #news dd {
      margin: 1em 0;
      padding: 0 1em 0.5em 0em; } }
/*新型コロナウイルス ------------------------------------------------------*/
#covid {
  margin: -20px auto 20px;
  padding: 0;
  /*margin-top: 40px !important;*/
  /*background: #fbb13c;*/
  /*border: 6px double #fff;*/ }
  #covid img {
    display: block;
    margin: 0 auto; }
  #covid ul li {
    display: inline-block;
    margin: 0 2%; }

/*あいさつ ------------------------------------------------------*/
#homeIntro {
  padding: 30px;
  border: 1px solid #c0c0c0; }
  @media all and (-ms-high-contrast: none) {
    #homeIntro {
      /* IEハック-------*/
      padding: 30px 30px 10px 30px; } }
  #homeIntro h2 {
    margin-bottom: 20px;
    padding: 0 1em 0 0.2em;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: 1px; }
  #homeIntro p {
    text-indent: 1em; }

/*診療時間 ------------------------------------------------------*/
.home #footShift .shift {
  margin: 0 0 10px 0 !important;
  width: 100%; }

/*院内写真 ------------------------------------------------------*/
/*#homePhoto {background: #3c2900;}

#homePhoto figure {
	width: 32%;
	margin: 0 0.5%;
	float: left;
}
*/
/*------------------------------------------------------------
医師紹介　------------------------------------------------------
-------------------------------------------------------------*/
#lowDoctor h3 {
  margin: 0 0 30px 0;
  padding: 0;
  color: #4a525a;
  line-height: 1; }
#lowDoctor .personal {
  width: 45%;
  float: left;
  margin-bottom: 30px;
  padding: 16px 8px 0 8px;
  border: 1px solid #004385; }
  #lowDoctor .personal h3 {
    margin-bottom: 18px !important;
    color: #004385; }
  #lowDoctor .personal p {
    margin-bottom: 30px; }
#lowDoctor .ryakureki {
  width: 50%;
  float: right; }
#lowDoctor dl {
  margin-bottom: 40px; }
#lowDoctor dd {
  margin: -1.6em 0 0.6em 0;
  padding-left: 6em;
  line-height: 1.5;
  border-bottom: 1px dotted #666; }
@media only screen and (max-width: 767px) {
  #lowDoctor .personal,
  #lowDoctor .ryakureki {
    float: none;
    width: 100%; }
  #lowDoctor .personal h3 {
    margin-bottom: 0 !important; }
  #lowDoctor .personal p {
    padding-left: 3.5em;
    margin: -1.4em 0 20px 0; }
  #lowDoctor .ryakureki h3 {
    margin: 0 auto 25px auto;
    padding: 8px 10px;
    background: #4a525a;
    color: #fff;
    line-height: 1; } }

/*------------------------------------------------------------
診療案内　------------------------------------------------------
-------------------------------------------------------------*/
/* 診療時間 -------------------*/
#lowTime .shift {
  margin-top: 0; }
  #lowTime .shift th {
    white-space: nowrap; }

#treatList li {
  display: inline-block; }
  #treatList li:after {
    content: "、"; }
  #treatList li:last-child:after {
    content: "など"; }

/*------------------------------------------------------------
院内紹介　------------------------------------------------------
-------------------------------------------------------------*/
.clPhoto figure {
  float: left;
  margin: 0 4% 50px 4%;
  width: 42%;
  padding: 10px;
  border: 3px double #f9ebe0; }
.clPhoto figcaption {
  font-size: 1em; }
  .clPhoto figcaption span {
    display: block;
    font-size: 1.2em;
    text-align: center;
    letter-spacing: 1px; }

#lowMac figure {
  margin: 0 1.5% 50px 1.5%;
  width: 30.33%; }
#lowMac figcaption {
  padding: 4px 0 0 0;
  font-size: 0.9em;
  text-align: center;
  color: #003882;
  border: 1px dotted #87aad9;
  border-left: none;
  border-right: none; }

@media only screen and (max-width: 480px) {
  .clPhoto figure {
    float: none;
    margin: 0 4% 35px 4%;
    width: auto;
    padding: 10px; }

  #lowMac figure {
    float: left;
    margin: 0 1.5% 35px 1.5%;
    width: 47%; }

  #lowMac figcaption span,
  .clPhoto figcaption span {
    font-size: 0.9em !important; } }
/*------------------------------------------------------------
地図・アクセス　------------------------------------------------------
-------------------------------------------------------------*/
.access h3 {
  padding: 0.4em 1em 0.12em 1em;
  background: #3986d7;
  border: 1px solid #3986d7;
  color: #fff;
  font-weight: bold; }
  .access h3 i {
    display: inline-block;
    margin-right: 14px;
    font-size: 1.5em; }
.access #lowCar h3 {
  background-color: #119da4; }
.access #gmap iframe {
  width: 100%;
  height: 480px; }
.access .parking {
  max-width: 800px; }
  .access .parking figure {
    float: left;
    width: 30%;
    margin: 0 1.5%; }
  .access .parking figcaption {
    text-align: center;
    font-size: 0.9em; }
@media only screen and (max-width: 480px) {
  .access #gmap iframe {
    height: 380px; }
  .access #contents .posL,
  .access #contents .posR {
    float: none;
    margin: 0 auto; }
  .access .parking figure {
    float: none;
    width: 80%;
    margin: 0 auto; } }

/*------------------------------------------------------------
予約案内　------------------------------------------------------
-------------------------------------------------------------*/
.reserve #low_01 .point {
  display: inline-block;
  padding: 5px;
  color: #fff;
  background: #ce0a4c; }
.reserve #low_02 {
  padding: 6% 3%;
  background: #f9ebe0;
  color: #000 !important; }
  .reserve #low_02 h2 {
    margin: 0 0 30px 0; }
  .reserve #low_02 .list-tp2 .number1 {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url("../img/reserve/flowInternet_number.png") no-repeat center top; }
.reserve #timeInfo li {
  display: inline-block;
  padding: 6px 6px;
  border: 1px solid #0078d7;
  background: #0078d7;
  text-align: center;
  color: #fff;
  font-weight: bold; }
.reserve #resFlow img {
  max-width: 650px; }
@media only screen and (max-width: 770px) {
  .reserve #timeInfo li {
    display: block;
    margin-bottom: 6px; } }
@media only screen and (max-width: 480px) {
  .reserve #low_03 div p {
    float: none;
    margin: 0 auto 30px auto; }
  .reserve #resFlow img {
    max-width: 480px; } }

/*############################################################################################*/
/* スマホ向けのレイアウトの指定：～649px */
@media only screen and (max-width: 649px) {
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    font-size: 100%; }

  .hideSp {
    display: none !important; }

  .cf-sp:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

  .inlineSp span {
    display: inline-block; }

  .telLink a {
    display: inline-block;
    padding: 6px;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1;
    color: #fff !important;
    background: #63adf2;
    border: 1px solid #c0c0c0;
    border-radius: 6px; }

  #footerAsk {
    position: fixed;
    display: flex;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #7f7256;
    background: -webkit-linear-gradient(top, #070400 0%, #3c2900 40%);
    background: linear-gradient(to bottom, #070400 0%, #3c2900 60%); }

  #footerAsk li {
    text-align: center;
    box-sizing: border-box;
    width: 50%;
    border-right: 1px solid #7f7256; }

  #footerAsk li:nth-of-type(2) {
    border-right: none; }

  #footerAsk li a {
    display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 85%; }

  #footerAsk li a span {
    display: inline-block; }

  /* Flexible Block
  --------------------------------------------------------------*/
  .low #contents > section,
  .low #contents > .section {
    margin-right: 3%;
    margin-left: 3%;
    padding-top: 40px;
    padding-bottom: 80px; }

  .home footer .inblock {
    padding-left: 5%;
    padding-right: 5%; }

  header .inner {
    padding-top: 10px;
    padding-bottom: 5px; }

  .w10,
  .w15,
  .w20,
  .w25,
  .w30 {
    width: 45%;
    height: auto; }

  .w35,
  .w40,
  .w45,
  .w50,
  .w55,
  .w60,
  .w65,
  .w70,
  .w75,
  .w80,
  .w85,
  .w90,
  .w100 {
    width: 100%;
    height: auto; }

  /*------------------------------------------------------------
  トップ　------------------------------------------------------
  -------------------------------------------------------------*/
  /*------------------------------------------------------------
  クリニックのご紹介　------------------------------------------------------
  -------------------------------------------------------------*/
  .guInd #low01 h2 {
    font-size: 1.2em;
    line-height: 1.5em; }

  .guInd #low01 .title {
    font-size: 1.2em; }

  #equipment figure {
    width: 100%;
    margin-bottom: 40px !important; }

  #equipment h2 {
    font-size: 130%;
    line-height: 1.6em; }

  #equipment h2:before,
  #equipment h2:after {
    width: 17%; }

  #equipment figcaption,
  #equipment figure:nth-child(even) figcaption {
    margin-bottom: 15px;
    padding: 8px 0 5px 8px;
    font-size: 1.1em;
    color: #fff;
    background: -webkit-linear-gradient(right, #003882 60%, rgba(0, 56, 130, 0) 98%);
    background: linear-gradient(to right, #003882 60%, rgba(0, 56, 130, 0) 98%);
    border-top: 3px double #fff;
    border-bottom: 3px double #fff; }

  #equipment figure .mainImg {
    float: none;
    width: 90%;
    margin: 0 auto 20px auto; }

  #equipment figure div {
    float: none;
    width: 80%;
    margin: 0 auto 20px auto; }

  #equipment figure:nth-child(even) .mainImg {
    float: none; }

  #equipment figure:nth-child(even) div {
    float: none; }

  /*ごあいさつ -------------------------------------------*/
  .guGre #contents h2 {
    font-size: 1.2em;
    line-height: 1.5; }

  .guGre #contents h2 strong {
    display: block;
    font-size: 130%; }

  .guGre #contents p {
    font-size: 1em;
    letter-spacing: 1px; }

  /*フロアのご案内　-------------------------------------*/
  #floormap img {
    width: 960px; }

  #room li {
    width: 46%;
    margin: 0 auto 12px auto !important; }

  #room li:nth-child(even) {
    float: right; }

  #room li img {
    border: 4px double #f2eacc;
    box-shadow: 0px 1px 5px #cfcfcf; }

  #homePoint dt {
    margin-bottom: 15px;
    padding-bottom: 0px;
    padding-left: 12px;
    font-size: 1.3em; }

  #homePoint dd {
    text-align: left;
    margin-bottom: 50px;
    padding-left: 25px;
    font-size: 1em; }

  #homeTreat section {
    width: 90%;
    float: none;
    margin: 0 auto;
    border: 1px solid #c0c0c0; }

  #homeTreat section:nth-child(2) {
    float: none; }

  #homeTreat h2 {
    font-size: 1.3em;
    letter-spacing: 1px; }

  #kouenkai h3 {
    text-align: center; }

  #kouenkai .title {
    font-size: 115%;
    letter-spacing: 1px; }

  #kouenkai .name {
    font-size: 97%;
    line-height: 1.5em; }

  #kouenkai .posL,
  #kouenkai .posR {
    float: none; }

  #kouenkai .w35,
  #kouenkai .w60 {
    width: 100%;
    margin: 0 auto 20px auto; }

  #kouenkai dt {
    padding: 0.5em 0em 0.5em 0.5em;
    letter-spacing: 0.5em; }

  #kouenkai dd {
    margin: -1.7em 0 1em 0;
    padding-left: 5em; }

  /*------------------------------------------------------------
  外来のご案内　------------------------------------------------
  -------------------------------------------------------------*/
  #lowDr h3 {
    font-size: 1.2em; }

  /*------------------------------------------------------------
  交通アクセス　------------------------------------------------
  -------------------------------------------------------------*/
  #accessMap li,
  #accessMap li:nth-child(2) {
    float: none;
    width: 90%;
    margin: 0 auto 12px auto !important; }

  /*------------------------------------------------------------
  予約案内　------------------------------------------------------
  -------------------------------------------------------------*/
  .reserve #low_02 {
    background: #f9ebe0; } }
/*############################################################################################*/
/* タブレット向けのレイアウトの指定：650px～919px */
@media only screen and (min-width: 650px) and (max-width: 919px) {
  .dispSp,
  .disp-print,
  #main-menu .global,
  #main-menu .info-menu {
    display: none !important; }

  .sameHeightPc {
    display: block !important; } }
/*############################################################################################*/
/* PC向けおよび大型タブレット向け指定：920px～ */
/*############################################################################################*/
@media only screen and (min-width: 920px) {
  .hidden-pc,
  .dispSp,
  .disp-print {
    display: none !important; }

  .inlinePc span {
    display: inline-block; }

  .sameHeightPc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */
/*############################################################################################*/
@media only print {
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    font-size: 97%; }

  .fixed {
    position: relative;
    top: auto;
    z-index: auto; }

  .sameHeightPc {
    display: block; }

  .dispSp,
  .slider,
  #ptBtn,
  .low footer {
    display: none !important;
    float: none !important; }

  header,
  #title p,
  .home #container {
    width: 950px !important; }

  .home #headerImage p {
    top: 38% !important;
    left: 2%;
    line-height: 1.6em !important;
    font-size: 16px; }

  .gn li {
    width: 16.66%;
    margin: 0; }

  .gn a {
    padding: 13px 0;
    font-size: 1.1em; }

  #bread {
    font-size: 10px;
    margin: 15px 0; }

  .home #headerImage {
    height: 400px !important; }

  .home h1 img {
    width: 600px !important; }

  #homeGreet {
    padding: 80px 30px !important; }

  .low h1 span {
    font-size: 18px; }

  #news h2 {
    font-size: 16px; }

  .pBreak,
  .home footer {
    page-break-before: always; }

  .pBreakAf {
    page-break-after: always !important; } }
/* print Scss */
/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */
/*############################################################################################*/
@media only print {
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    font-size: 97%; }

  .fixed {
    position: relative;
    top: auto;
    z-index: auto; }

  .sameHeightPc {
    display: block; }

  .dispSp,
  .slider,
  #ptBtn,
  .low footer {
    display: none !important;
    float: none !important; }

  header:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both; }

  .home #container {
    margin: 200px auto 0 auto;
    padding: 25px 0 0 0; }
  .home #forPatient {
    float: left;
    width: 65%;
    margin-right: 0; }
  .home #forMedical {
    float: right;
    width: 30%; }
  .home #forRegion li {
    display: block;
    float: left;
    height: 70px; }
    .home #forRegion li:nth-of-type(even) {
      float: right; }

  #bread {
    font-size: 10px;
    margin: 15px 0; }

  .home #hdImage {
    height: 300px !important; }

  .pBreak,
  .home footer {
    page-break-before: always; }

  .pBreakAf {
    page-break-after: always !important; } }
/* Scss Document */
