@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.purple { color: #9777A3; }

.brown { color: #80522A; }

.red { color: #FF7272; }

.blue { color: #008CD6; }

.yellow { color: #E4BF2B; }

.green { color: #A6D832; }

.wine { color: #D584AF; }

.orange { color: #FF9443; }

.white { color: #fff; }

.lightblue { color: #66B8E3; }

.lighterblue { color: #BBDEFB; }

.lightestblue { color: #EFF4FA; }

.lightyellow { color: #F6F094; }

.bg-lightpurple { background-color: #E7E8F8; }

.bg-red { background-color: #FF7272; }

.bg-orange { background-color: #FFEFE5; }

.bg-yellow { background-color: #E4BF2B; }

.bg-pink { background-color: #F295C3; }

.bg-lightblue { background-color: #66B8E3; }

.bg-lighterblue { background-color: #BBDEFB; }

.bg-lightestblue { background-color: #EFF4FA; }

.bg-blue { background-color: #008CD6; }

.bg-lighterorange { background-color: #FFEFE5; }

.bg-lightergreen { background-color: #ECF8D4; }

.bg-orange { background-color: #FF9443; }

.bg-light3 { background-color: #FFF6E6; }

.bg-green { background-color: #A6D832; }

.bg-transgreen { background-color: rgba(166, 216, 50, 0.8); }

.bg-transorange { background-color: rgba(255, 148, 67, 0.8); }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.text_L { text-align: left; }

.text_R { text-align: right; }

.text_C { text-align: center; }

.padding_textbox { padding: .3rem 1rem; }

h1 { font-size: 2rem; border-left: 3px solid #008CD6; padding-left: 1rem; margin-bottom: 0; }

h2 { font-size: 1.5rem; font-weight: bold; padding-bottom: .5rem; margin-bottom: 1.5rem; position: relative; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 700; }

h2::before, h2::after { position: absolute; bottom: -2px; left: 0; content: ''; height: 2px; }

h2::before { z-index: 2; width: 3rem; background-color: #008CD6; }

h2::after { width: 100%; background: #eee; }

.treatment #myTab li:first-child a { background: #008CD6; color: #fff; }
.treatment #myTab li:last-child a { background: #eee; color: #008CD6; }

.treatment2 #myTab li:first-child a { background: #eee; color: #008CD6; }
.treatment2 #myTab li:last-child a { background: #008CD6; color: #fff; }

.gout #myTab .nav-item a, .medical #myTab .nav-item a { background: #eee; color: #008CD6; padding: .5rem; border-right: 1px solid #fff; border-left: 1px solid #fff; border-radius: 0.5rem 0.5rem 0 0; }

.gout #myTab .nav-item a.active, .medical #myTab .nav-item a.active { background: #008CD6; }
.gout #myTab .nav-item a.active h3, .gout #myTab .nav-item a.active p, .medical #myTab .nav-item a.active h3, .medical #myTab .nav-item a.active p { color: #fff; }

@media print { /* All your print styles go here */
  #doctorpic { display: none !important; } }
.carousel-caption p { text-shadow: 1px 1px 1px #555; }

/*carousel icons*/
.carousel-control-next-icon, .carousel-control-prev-icon { width: 30px; height: 30px; }

.carousel-control-next-icon { background: url("../images/arrow_right.svg") center center no-repeat !important; background-size: contain !important; }

.carousel-control-prev-icon { background: url(../images/arrow_left.svg) center center no-repeat !important; background-size: contain !important; }

.carousel-control-next, .carousel-control-prev { opacity: 1; }

.carousel-indicators li { background-color: #ccc; opacity: 1; filter: alpha(opacity=100); height: 5px; }

.carousel-indicators li.active { background-color: #A6D832; opacity: 1; filter: alpha(opacity=100); }

.treatment .treatment_card { padding: 2rem .5rem; }
.treatment .treatment_card img { height: 40px; }

/*診療時間表下の発熱外来等部分*/
.subject_timetable_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; /* 子要素をflexboxにより中央に配置する */ -webkit-box-align: top; -ms-flex-align: top; align-items: top; /* 子要素をflexboxにより中央に配置する */ }

.subject_timetable_wrap .subject_timetable { margin: 0 auto; background-color: #fde9dc; padding: 15px; border-radius: 10px; width: 100%; }

.subject_timetable_wrap .subject_timetable h4, .subject_timetable_wrap .subject_timetable p, .subject_timetable_wrap .subject_timetable li { color: #ff6600; }

.subject_timetable_wrap .subject_timetable strong { background: none !important; }

@media (max-width: 767.98px) { .subject_timetable_wrap { margin-top: -100px; padding-top: 100px; }
  .subject_timetable_wrap .subject_timetable:first-child { margin-bottom: 10px; } }
@media (max-width: 767.98px) { h1 { font-size: 1.5rem; } }

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