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

.bgblue { background-color: #3498db; }

.bg-blue { background-color: #E6F7FF; }

.lightgreen { color: #98D261; }

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

.green { color: #5DB113; }

.red { color: #F5787B; }

.brown { color: #C48C75; }

.orange { color: #FF9443; }

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

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

.pink { color: #F29FC3; }

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

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

.bg-lightpink { background: #FDF0F5; }

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

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

#loader { width: 200px; height: 200px; display: none; position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; z-index: 100; }
#loader img { width: 200px; height: 200px; }

#fade { width: 100%; height: 100%; display: none; background-color: #E6F7FF; position: absolute; top: 0px; left: 0px; z-index: 50; }

#wrap { background: #fff; }

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: .1rem; }

a:hover { text-decoration: none; }

body a:focus, body *:focus { outline: none; }

a:not(.btn) { color: #3498db; }

.mybtn { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

.mybtn:hover { background: #98D261; border-color: #98D261; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.navbar { padding-left: 0; padding-right: 0; }

.navbar-brand { background: url(../images/logo.svg) center left no-repeat; background-size: contain; width: 360px; height: 68px; }

.jumbotron { background: url(../images/kv2.jpg) center center no-repeat; background-size: contain; height: 0; padding: 0; padding-bottom: 37.54%; color: #fff; margin-bottom: 0; }

footer { position: relative; background-color: #F9F8F4; }
footer .footerline { background: #98D261; color: #fff; margin: 0; padding: 10px 0; }
footer .footer-links { padding: 30px 0 10px; }
footer .footer-links li.nav-item { line-height: 1; padding: 10px 0px; margin: 0; display: inline-block; }
footer .footer-links .dropdown-item { display: inline-block; width: auto; }
footer .footer-links a { color: #555; margin: 0; padding: 0 15px 0 10px; line-height: 1; }
footer .footer-links li:not(:last-child) a { border-right: 1px solid #ccc; }
footer .footer-links a:hover { color: #333; }
footer .footer-links .list-inline-item { margin: 0; padding: 0 0px; }

.overview { border-top: 1px solid #eee; }
.overview table.clinic_info tr:first-child th:first-child { border-top: none; }
.overview table.clinic_info .logo { width: 100%; max-width: 360px; }

/*******************************************/
.jumbotron-wrap { background: #F9F8F4; }

header { background: #F9F8F4; }
header .container { position: relative; }
header .head-tel { position: absolute; top: 53px; right: 0px; color: #5DB113; font-size: 1rem; font-weight: bold; }
header .head-tel svg { margin-right: 0.2rem; }

h2 { font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-weight: bold; }

h3 { margin-bottom: 3rem; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"; font-weight: bold; letter-spacing: 0.3rem; }

/***求人バナー****************************************/
.bnr_recruit { width: 660px; min-height: 150px; max-width: 100%; margin: 30px auto; display: flex; align-items: stretch; border: 1px solid #3498db; }
.bnr_recruit > * { display: inline-block; flex: auto; }
.bnr_recruit .tit { background: #3498db; color: #fff; margin: 0; text-align: center; width: fit-content; white-space: nowrap; padding: 20px 10px; display: flex; justify-content: center; align-items: center; }
.bnr_recruit p { padding: 20px; margin: 0; font-size: 120%; }
@media (max-width: 767.98px) { .bnr_recruit { flex-direction: column; }
  .bnr_recruit .tit { width: 100%; } }

/***お知らせ****************************************/
h3.news-ttl { margin-bottom: 0; background: #98D261; color: #fff; }

.staff-news { border-top: 1px solid #fff; }

.staff-news h3.news-ttl { background: #F29FC3; font-size: 1.3rem; }

.staff-news .notice_frame dt { color: #F29FC3; border-color: #F29FC3; }

h4 { font-size: 1.3rem; }

.calender { padding: 75px 0; }
.calender table { margin: 0 auto; background: #fff; }
.calender table th { padding-top: 20px; padding-bottom: 20px; color: #fff; }
.calender table tr:first-child th { background: #4C5F70; }
.calender table tr:nth-child(2) th { background: #98D261; padding-top: 10px; padding-bottom: 10px; }
.calender table td { font-size: 0.8rem; padding: 2px; }

.index-treatment { padding: 75px 0; background: #98D261; color: #fff; }
.index-treatment a { border: 1px solid #fff; display: block; color: #fff; height: 100px; margin-bottom: 20px; }
.index-treatment a div { display: table-cell; height: 100px; width: 100vw; vertical-align: middle; }
.index-treatment a strong { letter-spacing: 0.1rem; font-weight: bold; font-size: 1.2rem; }
.index-treatment a:hover { text-decoration: none; background: #fff; color: #98D261; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; }

.clinic-logo { padding: 75px 0; background: url(../images/index_bg.jpg) center center no-repeat; background-size: cover; }

.index-4points { padding: 75px 0 25px; }

.notice_frame { /*	max-height:300px;
	overflow-y: scroll;*/ }
.notice_frame dt { margin-bottom: .5rem; color: #5DB113; border-bottom: 1px solid #5DB113; padding-bottom: .5rem; }
.notice_frame dd { margin-bottom: 1rem; }
.notice_frame dd:last-child { border: none; }

.overview table.clinic_info tr:nth-child(2) th { background: #98D261; color: #fff; text-align: center; }
.overview table.clinic_info tr:nth-child(6) td { background: #F29FC3; color: #fff; font-weight: bold; text-align: center; border: none; }
.overview table.timetable tr:first-child th { background: #98D261; color: #fff; }
.overview table.timetable tr:last-child td { padding: 20px 20px; }
.overview table.timetable th, .overview table.timetable td { vertical-align: middle; }
.overview table.timetable tr:nth-child(2) td:not(:first-child), .overview table.timetable tr:nth-child(3) td:not(:first-child) { color: #98D261; }

.dropdown-menu { border: none; background-color: rgba(255, 255, 255, 0.9); }

#linkpagetop { height: 39px; width: 39px; padding-top: 6px; text-align: center; background: #5DB113; position: absolute; right: 0px; bottom: 0; }
#linkpagetop a { color: #fff; font-size: .8rem; }

.pc_no { display: none; }

.sp_no { display: block; }

.y_map iframe { margin: 0 auto; display: block; }

@media (max-width: 1199.98px) { header .head-tel { left: auto; right: 20%; }
  .navbar-expand-xl .navbar-nav .nav-link { border-bottom: 1px solid #eee; } }
@media (max-width: 991.98px) { .navbar-brand { background: url(../images/logo.svg) center left no-repeat; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); height: 68px; background-size: contain; margin-right: 0; }
  .y_map iframe { margin: 0 auto; display: block; }
  .sp_no { display: none; }
  .pc_no { display: block; } }
@media (max-width: 767.98px) { h3 { font-size: 1.5rem; }
  header .head-tel { position: static; text-align: center; display: block; width: 100%; }
  .jumbotron h2 { font-size: 1rem; }
  .index-treatment a strong { font-size: 1rem; }
  .overview table.timetable td, .overview table.timetable th { font-size: .8rem; }
  .overview table.timetable tr:last-child td { padding: .3rem; }
  .y_map iframe { margin: 0 auto; display: block; }
  .sp_no { display: none; }
  .pc_no { display: block; }
  dl.notice_frame { margin-left: auto; margin-right: auto; /*		max-height:200px;
		overflow-y: scroll;*/ }
  .notice_frame::-webkit-scrollbar { width: 3px; }
  .notice_frame::-webkit-scrollbar-track { background-color: #ccc; }
  .notice_frame::-webkit-scrollbar-thumb { background-color: #555; } }
@media (min-width: 1200px) { .navbar-nav .nav-link { border: 1px solid #eee; }
  .dropdown { margin-right: .5rem; } }

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