.text-body {
  color: #454545 !important;
}

.lighter {
  color: #888888;
}

.purple {
  color: #9EB1D2;
}

.pink {
  color: #feb8a9;
}

.brown {
  color: #735147;
}

.lightbrown {
  color: #B0937E;
}

.lighterbrown {
  color: #A1846F;
}

.red {
  color: #EC5870;
}

.blue {
  color: #006FC5;
}

.yellow {
  color: #FFDA00;
}

.green {
  color: #A6D51F;
}

.orange {
  color: #ffb77b;
}

.lightgreen {
  color: #68D6C7;
}

.lightblue {
  color: #7ACBE2;
}

.lighterblue {
  color: #5864DB;
}

.lightestblue {
  color: #ECF7FA;
}

.lightestorange {
  color: #FFF9E0;
}

.lightestpink {
  color: #ffefec;
}

.lightestgreen {
  color: #D9EFE6;
}

.lightestblue {
  color: #ECF7FA;
}

.bg-orange {
  background-color: #ffb77b;
}

.bg-lightorange {
  background-color: #FBB65B;
}

.bg-green {
  background-color: #A6D51F;
}

.bg-red {
  background-color: #EC5870;
}

.bg-blue {
  background-color: #006FC5;
}

.bg-pink {
  background-color: #feb8a9;
}

.bg-yellow {
  background-color: #FFDA00;
}

.bg-green {
  background-color: #A6D51F;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-lightblue {
  background-color: #7ACBE2;
}

.bg-lightestblue {
  background-color: #ECF7FA;
}

.bg-lightestyellow {
  background-color: #FFFFEE;
}

.bg-lighterorange {
  background-color: #F9D5A6;
}

.bg-lightestorange {
  background-color: #FFF9E0;
}

.bg-lightgreen {
  background-color: #68D6C7;
}

.bg-lightergreen {
  background-color: #ddecd4;
}

.bg-lightestgreen {
  background-color: #D9EFE6;
}

.bg-lightestpink {
  background-color: #ffefec;
}

.bg-light2 {
  background-color: #FBFAF8;
}

.bg-lightbrown {
  background-color: #B0937E;
}

.bg-lighterbrown {
  background-color: #A1846F;
}

.bg-brown {
  background-color: #735147;
}

.bg-transgreen {
  background-color: rgba(166, 213, 31, 0.9);
}

.bg-transwhite {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-lightgreen {
  background-color: #00c755 !important;
}

.linkoff a, a.linkoff {
  pointer-events: none;
}

::-moz-selection {
  background: #444444;
  color: #fff;
}

::-moz-selection, ::selection {
  background: #444444;
  color: #fff;
}

body {
  color: #454545;
  line-height: 1.5;
  letter-spacing: 0.075em;
  font-family: -apple-system, BlinkMacSystemFont, "Century Gothic", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "Verdana", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Meiryo UI", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

h4, h5, h6, .fw-bold, .bold, strong, b, th, dt {
  font-family: -apple-system, BlinkMacSystemFont, "Century Gothic", "Roboto", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "Verdana", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic", "Meiryo UI", sans-serif;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.font {
  font-family: "Junge", cursive;
  font-weight: 400;
}

.font2 {
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  color: #444444;
}

p, li, dt, dd, th, td, .table-striped > tbody > tr:nth-of-type(2n+1) > *, captuion, figcaption, small {
  color: #454545;
}

.btn:focus, body button:focus, body a {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input, textarea, select {
  outline: none;
}

.gmap {
  min-height: 400px;
}

main img {
  height: auto;
  max-width: 100%;
}

.top-65 {
  top: 65% !important;
}

.max1200 {
  max-width: 1200px !important;
}

.max1080 {
  max-width: 1080px !important;
}

.max980 {
  max-width: 980px !important;
}

.max880 {
  max-width: 880px !important;
}

.max780 {
  max-width: 780px !important;
}

.max650 {
  max-width: 650px !important;
}

.va0 {
  vertical-align: 0px;
}

.va1 {
  vertical-align: -1px;
}

.va2 {
  vertical-align: -2px;
}

.va3 {
  vertical-align: -3px;
}

.va4 {
  vertical-align: -4px;
}

.va5 {
  vertical-align: -5px;
}

.zindex100 {
  z-index: 100;
}

.zindex101 {
  z-index: 101;
}

.zindex2 {
  z-index: 2;
}

.zindex3 {
  z-index: 3;
}

.smallest {
  font-size: 10px;
  letter-spacing: normal;
}

.fs9 {
  font-size: 0.9rem;
}

.fs8 {
  font-size: 0.8rem;
}

strong {
  background-color: #fcf8e3;
  padding: 0.2em;
}

a {
  color: #006FC5;
}
a:hover {
  color: #006FC5;
  text-decoration: none;
}

.js-tel a {
  text-decoration: none !important;
  color: inherit !important;
}

.mybtn {
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #006FC5;
  border-radius: 5rem;
  text-decoration: none;
  line-height: 1;
  padding: 0.75rem 1.25rem;
}
.mybtn:hover, .mybtn:focus, .mybtn:active {
  color: #fff;
  background: #006FC5;
  -webkit-box-shadow: 0 0 1rem 0.25rem #006FC5;
  -ms-box-shadow: 0 0 1rem 0.25rem #006FC5;
  box-shadow: 0 0 1rem 0.25rem #006FC5;
}

.bg-lightgreen:hover, .bg-lightgreen:focus, .bg-lightgreen:active {
  color: #fff;
  background: #006FC5;
  -webkit-box-shadow: 0 0 1rem 0.25rem #00c755;
  -ms-box-shadow: 0 0 1rem 0.25rem #00c755;
  box-shadow: 0 0 1rem 0.25rem #00c755;
}

.mybtn_outline {
  text-align: center;
  display: inline-block;
  border: 1px solid #006FC5;
  color: #006FC5;
  border-radius: 0.25rem;
  text-decoration: none;
  line-height: 1;
  padding: 0.75rem 1rem;
}
.mybtn_outline:hover, .mybtn_outline:focus, .mybtn_outline:active {
  -webkit-box-shadow: 0 0 1rem 0.25rem #006FC5;
  -ms-box-shadow: 0 0 1rem 0.25rem #006FC5;
  box-shadow: 0 0 1rem 0.25rem #006FC5;
  background: #006FC5;
  color: #fff;
}

.btn_circle {
  width: 3rem;
  height: 3rem;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.btn_circle svg {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.sidebtn, .sidebtn a {
  border-radius: 1rem 0 0 1rem;
}

.carousel-indicators button {
  height: 10px !important;
  width: 10px !important;
  background-color: #555 !important;
  border-radius: 50%;
}

a.nav-link {
  color: #454545;
  display: block;
  padding: 0.75rem 0.75rem;
  height: 100%;
  position: relative;
  z-index: 1;
}
.offcanvas a.nav-link, .gnav a.nav-link {
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
}
.gnav a.nav-link:hover {
  color: #444444;
  background: #fff;
  text-decoration: none;
}
.gnav a.nav-link:focus {
  color: #444444;
  text-decoration: none;
}
.gnav a.nav-link::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  z-index: -1;
  background: linear-gradient(0deg, #006FC5 0%, #006FC5 3px, transparent 3px, transparent 100%);
  opacity: 0;
  -webkit-transition: width 0.3s ease, opacity 0.3s ease;
  transition: width 0.3s ease, opacity 0.3s ease;
}
.gnav a.nav-link:hover::before {
  width: 80%;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  -webkit-transition: width 0.3s ease, opacity 0.3s ease;
  transition: width 0.3s ease, opacity 0.3s ease;
}

.dropdown .dropdown-toggle.show::after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  vertical-align: middle;
}

.gnav .dropdown-menu a.dropdown-item {
  color: #454545;
}
.gnav .dropdown-menu a.dropdown-item:hover, .gnav .dropdown-menu a.dropdown-item:focus, .gnav .dropdown-menu a.dropdown-item:active {
  background-color: #fff;
  color: #006FC5;
}

.dropdown .dropdown-toggle::after {
  width: 6px;
  height: 6px;
  border-left: none;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.offcanvas {
  border-radius: 2rem 0 0 2rem;
}
.offcanvas a.nav-link, .offcanvas a.nav-link:hover, .offcanvas a.nav-link:focus {
  color: #454545;
  padding: 1rem 1rem;
  border-top: 1px solid #ddd;
}
.offcanvas a.nav-link.dropdown-toggle::after, .offcanvas a.nav-link:hover.dropdown-toggle::after, .offcanvas a.nav-link:focus.dropdown-toggle::after {
  display: none;
}
.offcanvas a.nav-link.dropdown-toggle, .offcanvas a.nav-link:hover.dropdown-toggle, .offcanvas a.nav-link:focus.dropdown-toggle {
  background: url("../images/chevron-down.svg") right 1rem center no-repeat !important;
  background-size: 1rem !important;
}
.offcanvas a.nav-link.dropdown-toggle.show, .offcanvas a.nav-link:hover.dropdown-toggle.show, .offcanvas a.nav-link:focus.dropdown-toggle.show {
  background: url("../images/chevron-up.svg") right 1rem center no-repeat !important;
  background-size: 1rem !important;
}
.offcanvas .dropdown-menu.show {
  position: static !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  -webkit-transform: none !important;
          transform: none !important;
  display: inline-block;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 1rem 1rem !important;
}
.offcanvas .dropdown-menu.show a.dropdown-item, .offcanvas .dropdown-menu.show a.dropdown-item:hover, .offcanvas .dropdown-menu.show a.dropdown-item:focus {
  padding: 0.75rem 0;
  color: #454545;
  background: transparent !important;
}

footer .footer_nav li a {
  white-space: normal;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Century Gothic", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "Verdana", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Meiryo UI", sans-serif;
  color: #454545;
  font-size: 0.9rem;
  padding: 0;
  text-align: left;
  display: block;
  background: transparent !important;
}
footer .footer_nav li a:hover {
  color: #006FC5;
}

table.table.timetable tr:first-child td {
  border: none;
}
table.table.timetable th, table.table.timetable td {
  padding: 0.5rem 0.25rem;
}
table.table.timetable tr:nth-child(n+2) td:nth-child(n+2) {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Meiryo UI", sans-serif;
  color: #7ACBE2;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  background: #FBFAF8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.table-last-right td:last-child {
  text-align: right;
}

.capshape {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Meiryo UI", sans-serif !important;
}

.collapsed.collapse_ttl {
  display: block;
  background: url("../images/chevron-down.svg") right 1rem center no-repeat;
  background-size: 1rem;
}

.collapse_ttl {
  display: block;
  background: url("../images/chevron-up.svg") right 1rem center no-repeat;
  background-size: 1rem;
}

ul.list50 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.list50 li:nth-child(odd) {
  width: 47%;
  margin-right: 6%;
}
ul.list50 li:nth-child(even) {
  width: 47%;
}

@media (max-width: 767.98px) {
  html {
    font-size: clamp(0.75rem, 0.023rem + 3.64vw, 1rem);
  }
  header .logo {
    width: 18.75rem;
  }
  table.table_text_small th, table.table_text_small td {
    font-size: 0.9rem !important;
  }
  table.table_break th {
    display: block;
  }
  table.table_break td {
    display: block;
    padding-top: 0;
  }
  footer {
    padding-bottom: 150px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: clamp(0.875rem, 0.625rem + 0.5vw, 1rem);
  }
  .js_sticky .gnav {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  }
  ul.list_md_50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul.list_md_50 li:nth-child(odd) {
    width: 47%;
    margin-right: 6%;
  }
  ul.list_md_50 li:nth-child(even) {
    width: 47%;
  }
}
@media print {
  @page {
    margin: 5mm;
    size: 364mm 515mm;
  }
  body .header {
    position: relative;
  }
  body {
    padding-top: 0;
  }
}
.kv {
  min-height: 380px;
  height: 31vw;
}

@media (max-width: 767.98px) {
  .kv {
    min-height: auto;
    height: 100vw;
  }
}
.kv1 {
  background: url("../images/kv1.jpg") center center/cover no-repeat;
}

.kv2 {
  background: url("../images/kv2.jpg") center top/cover no-repeat;
}

.index h1 {
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 0px 1px 10px #a3beed, 1px 0px 10px #a3beed, -1px 0px 10px #a3beed, 0px -1px 10px #a3beed;
}
.index h2 {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  line-height: 1.25;
}
.index h2 span {
  font-family: "Junge", cursive;
  font-weight: 400;
  font-size: 3rem;
  color: #006FC5;
}
.index h3 {
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  font-size: 1.45rem;
  margin-bottom: 1rem;
}

.number {
  font-weight: normal;
  color: #006FC5;
  font-size: 4rem;
  display: block;
  line-height: 1;
  letter-spacing: -0.1rem;
}

.date_tag {
  color: #7ACBE2;
  padding-right: 1rem;
}

.new {
  display: none;
}

.news_title {
  padding-bottom: 0.5rem;
}

.news_body {
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
}

.index_treatments {
  background: url("../images/index9.jpg") center center/cover no-repeat;
}
.index_treatments li a {
  text-decoration: none;
  color: #454545;
  background: #fff;
  border-radius: 5rem;
}

.index_greeting {
  border: 1px solid #006FC5;
  -webkit-box-shadow: 0 0rem 0 1rem #ECF7FA;
  -ms-box-shadow: 0 0rem 0 1rem #ECF7FA;
  box-shadow: 0 0rem 0 1rem #ECF7FA;
  margin: 1rem;
}

ul.reservations_list {
  padding-left: 1.5rem;
}
ul.reservations_list li:not(:last-child) {
  padding-bottom: 0.75rem;
}
ul.reservations_list li::marker {
  color: #7ACBE2;
}

.index_feature {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(25%, #fff), color-stop(25%, #ECF7FA), color-stop(80%, #ECF7FA), color-stop(80%, #fff), to(#fff));
  background: linear-gradient(0deg, #fff 0%, #fff 25%, #ECF7FA 25%, #ECF7FA 80%, #fff 80%, #fff 100%);
}
.index_feature figure {
  position: relative;
}
.index_feature figure::before {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  bottom: -0.5rem;
  left: -0.5rem;
}
.index_feature .col:nth-child(1) figure::before {
  background: url("../images/n1.svg") top left/contain no-repeat;
}
.index_feature .col:nth-child(2) figure::before {
  background: url("../images/n2.svg") top left/contain no-repeat;
}
.index_feature .col:nth-child(3) figure::before {
  background: url("../images/n3.svg") top left/contain no-repeat;
}
.index_feature .col:nth-child(4) figure::before {
  background: url("../images/n4.svg") top left/contain no-repeat;
}
.index_feature .col:nth-child(5) figure::before {
  background: url("../images/n5.svg") top left/contain no-repeat;
}
.index_feature .col:nth-child(6) figure::before {
  background: url("../images/n6.svg") top left/contain no-repeat;
}

@media (max-width: 767.98px) {
  .index h1 {
    font-size: 1.5rem;
  }
  .index h2 {
    font-size: 1rem;
  }
  .index h2 span {
    font-size: 2rem;
  }
  .index h3 {
    font-size: 1.1rem;
  }
  .date_tag {
    display: block;
  }
  .index_feature {
    background: #ECF7FA;
  }
  .index_feature figure::before {
    width: 3rem;
    height: 3rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }
}
@media (min-width: 768px) {
  .timetable_doctors th, .timetable_doctors td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .index_feature li.col .row {
    max-width: 316px;
    margin: auto;
  }
  .index_treatments li a {
    text-decoration: none;
    background: url("../images/arrow-right-circle.svg") left 1rem center/1rem no-repeat #fff;
    position: relative;
    z-index: 1;
  }
  .index_treatments li a:hover {
    color: #fff;
  }
  .index_treatments li a::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: url("../images/arrow-right-circle.svg") left 1rem center/1rem no-repeat #006FC5;
    border-radius: 5rem;
    opacity: 0;
    -webkit-transition: width 0.3s ease, opacity 0.3s ease;
    transition: width 0.3s ease, opacity 0.3s ease;
  }
  .index_treatments li a:hover::after {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    -webkit-transition: width 0.3s ease, opacity 0.3s ease;
    transition: width 0.3s ease, opacity 0.3s ease;
  }
}
.subpages .title {
  padding: 4rem 0;
}
.subpages h1 {
  font-size: 2rem;
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
}
.subpages h1 span {
  color: #006FC5;
  font-size: 0.8rem;
  font-family: "Junge", cursive;
  font-weight: 400;
}
.subpages h2 {
  font-size: 1.6rem;
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  margin: 3rem 0 2rem;
  border-bottom: solid 1px #ccc;
  padding: 1.25rem 0rem 1.25rem 1.5rem;
  position: relative;
}
.subpages h2::after {
  content: "";
  width: 3px;
  height: 75%;
  background: #006FC5;
  position: absolute;
  left: 0;
  top: 15%;
}
.subpages h3 {
  font-size: 1.25rem;
  margin: 2rem 0 1rem;
  background: #ECF7FA;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
.subpages h4 {
  font-size: 1.1rem;
  margin: 2rem 0 1rem;
  border-bottom: dotted 2px #7ACBE2;
}
.subpages h5 {
  font-size: 1.05rem;
  color: #006FC5;
}
.subpages h6 {
  font-size: 1rem;
}
.subpages main ol,
.subpages main ul:not(.nav-mytabs) {
  padding-left: 2rem;
}
.subpages main ol li:not(:last-child),
.subpages main ul:not(.nav-mytabs) li:not(:last-child) {
  padding-bottom: 0.5rem;
}
.subpages main ol li::marker,
.subpages main ul:not(.nav-mytabs) li::marker {
  color: #006FC5;
}
.subpages .carousel-indicators {
  bottom: -2rem;
}

body.rosacea-ch h1, body.rosacea-ch main h2,
body.chinese h1,
body.chinese main h2 {
  font-family: serif;
}
body.rosacea-ch main h3, body.rosacea-ch main h4, body.rosacea-ch main h5, body.rosacea-ch main h6, body.rosacea-ch main p, body.rosacea-ch main li, body.rosacea-ch main th, body.rosacea-ch main td, body.rosacea-ch main a, body.rosacea-ch main dt, body.rosacea-ch main dd,
body.chinese main h3,
body.chinese main h4,
body.chinese main h5,
body.chinese main h6,
body.chinese main p,
body.chinese main li,
body.chinese main th,
body.chinese main td,
body.chinese main a,
body.chinese main dt,
body.chinese main dd {
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

@media (max-width: 767.98px) {
  .subpages .title {
    padding: 3rem 0;
  }
  .subpages h1 {
    font-size: 1.4rem;
  }
  .subpages h2 {
    font-size: 1.3rem;
  }
  .subpages h3 {
    font-size: 1.2rem;
  }
}
/*# sourceMappingURL=styles.css.map */