@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.blue { color: #67B6EB; }

.red { color: #FF7373; }

.lightblue { color: #E3F1FB; }

.bg-lightblue { background-color: #E3F1FB; }

.text-blue { color: #67B6EB; }

.bg-blue { background-color: #67B6EB; }

.text-pink { color: #D584AF; }

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

.wine { color: #D584AF; }

.navy { color: #295598; }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.pc-no { display: block; }

.sp-no { display: none; }

@media (min-width: 768px) { .pc-no { display: none; }
  .sp-no { display: block; } }
html { overflow: auto; }

body { overflow: hidden; min-width: 100%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; color: #555; letter-spacing: 0.1rem; padding-bottom: 56px; }

body a { outline: none; }

h2 { color: #295598; font-size: 1.8rem; font-weight: bold; display: inline-block; margin-bottom: 3rem; letter-spacing: .5rem; }

h3 { margin-bottom: 2rem; }

.notice_frame { background: #fff; padding: 1.5rem 2rem; /*max-height:500px;*/ /*overflow-y: scroll;*/ text-align: left; border: 1px solid #ccc; border: 1px solid #ccc; }
.notice_frame .news_title { color: #67B6EB; font-weight: normal; font-size: 1.2em; padding-bottom: 0.5em; }
.notice_frame span.date { font-weight: normal; padding-right: 1rem; }
.notice_frame .news_body { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 1rem; }

body a:not(.btn) { color: #67B6EB; }

body a:not(.btn):hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

body .btn:hover { background: #295598; }

body .btn.bg-pink:hover, body .btn.bg-pink:focus, body .btn.bg-pink:active { background: #B24478; }

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link { color: #555; }

.nav-item i, .nav-item svg { color: #67B6EB; }

footer { position: relative; }

footer nav.navbar { -webkit-box-shadow: 0px 0px 10px #aaa; -ms-box-shadow: 0px 0px 10px #aaa; box-shadow: 0px 0px 10px #aaa; }

footer .btn_tel { display: none; }

@media (max-width: 767.98px) { footer nav.navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; /* 子要素をflexboxにより中央に配置する */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 子要素をflexboxにより中央に配置する */ }
  footer .navbar-toggler { width: 45%; margin-left: 1%; }
  footer .navbar-toggler .txt_menu { color: #fff !important; line-height: 2rem; font-size: .9rem; }
  footer .btn_tel { padding: .2rem .75rem; font-size: .9rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; background-color: #D584AF; width: 45%; margin: 0 1% 0 0; text-align: center; display: block; color: #fff !important; line-height: 2rem; }
  footer .btn_tel a { color: #fff; }
  footer .btn_tel a i { color: #fff; font-size: 1.2rem; padding-top: .4rem; } }
.logo { max-height: 75px; max-width: 100%; }

.bg_menu { background: #67B6EB; }
.bg_menu a { color: #fff !important; font-weight: bold; font-size: 1.2rem; display: block; }
.bg_menu img { margin-top: .5rem; }

.bg_menu:hover { background: #295598; -webkit-transition: 0.7s; transition: 0.7s; }

.head_book { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #E3F1FB; color: #67B6EB; font-weight: bold; }

.head_reserve { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(213, 132, 175, 0.25); font-weight: bold; }
.head_reserve a { color: #D584AF !important; }
@media (max-width: 991.98px) { .head_reserve a br { display: none; } }

.head_subject { color: #67B6EB; font-size: 1.4rem; }

.jumbotron { background: url(../images/kv.jpg) center center no-repeat; background-size: cover; padding: 10rem 0; }
.jumbotron h1 { padding: 3rem; background-color: rgba(255, 255, 255, 0.75); font-size: 1.8rem; line-height: 1.5; display: inline-block; margin-left: auto; margin-right: auto; }
.jumbotron h1 strong { color: #D584AF; font-weight: bold; }
.jumbotron h1 small { display: block; font-size: .8rem; }

.index hr { margin: .25rem 0; }

table.table.timetable th { background: #295598; color: #fff; }

table.table.timetable td { background: #E3F1FB; color: #295598; }

@media (max-width: 991.98px) { .index-treatment { font-size: .8rem; }
  .head_book { padding-top: .5rem; padding-bottom: .5rem; }
  .head_reserve { padding-top: .5rem; padding-bottom: .5rem; } }
@media (max-width: 767.98px) { h2 { font-size: 1.4rem; }
  h3 { font-size: 1.2rem; font-weight: bold; }
  .jumbotron { padding: 2rem 1rem; }
  .jumbotron .container { padding: 0; }
  .jumbotron h1 { padding: 2rem 1rem; letter-spacing: normal; margin-bottom: 0; font-size: 1.4rem; }
  .clinic_info th, .clinic_info td, .timetable th, .timetable td { font-size: .8rem; vertical-align: middle; }
  dl.notice_frame { width: 100%; margin-left: auto; margin-right: auto; /*max-height:500px;*/ /*overflow-y: scroll;*/ }
  dl.notice_frame span.date { display: block; }
  dl.notice_frame .news_title { font-size: 1.0em; }
  .notice_frame::-webkit-scrollbar { width: 2px; }
  .notice_frame::-webkit-scrollbar-track { background-color: #ccc; }
  .notice_frame::-webkit-scrollbar-thumb { background-color: #555; }
  .navbar-nav .nav-item:not(:last-child) { border-bottom: 1px solid #eee; }
  .dropdown-menu { border: none; } }
@media (max-width: 575.98px) { .bg_menu a { letter-spacing: .2rem; font-size: 1rem; }
  .notice_frame { padding: 1rem; } }
@media (min-width: 768px) and (max-width: 991.98px) { .navbar .navbar-nav .nav-link { text-align: center; }
  .navbar .navbar-nav .nav-link i { display: block; margin-bottom: .5rem; } }
@media (min-width: 768px) { .navbar { padding: 0; }
  .nav-item { padding: 1rem 0; } }

/*# sourceMappingURL=common.css.map */