@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.skin { color: #FFF6E6; }

.caution { color: #aa6d30; font-weight: bold; }

.purple { color: #9EB1D2; }

.pink { color: #F5949C !important; }

.teal { color: #29B8CA; }

.brown { color: #735147; }

.lightbrown { color: #B0937E !important; }

.lighterbrown { color: #A1846F !important; }

.red { color: #EC5870; }

.blue { color: #2C369A; }

.yellow { color: #FFDA00; }

.lightgreen { color: #A5E8E8; }

.lightblue { color: #29B8CA; }

.lighterblue { color: #5864DB; }

.lightestblue { color: #E7F1F9; }

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

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

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

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

.bg-lightblue { background-color: #29B8CA; }

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

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

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

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

.bg-lightgreen { background-color: #A5E8E8; }

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

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

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

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

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

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

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

.green { color: #A6D51F; }

.wine { color: #D584AF; }

.orange { color: #FFC400 !important; }

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

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

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

.bg-blue { background-color: #2C369A; }

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

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

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

.font7 { font-family: fot-tsukuardgothic-std, sans-serif; font-style: normal; font-weight: bold; font-feature-settings: "palt"; }

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

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.delay { animation-delay: 1s; }

.delay-200 { animation-delay: 0.2s; }

.delay-300 { animation-delay: 0.3s; }

.delay-400 { animation-delay: 0.4s; }

.delay-500 { animation-delay: 0.5s; }

.delay-600 { animation-delay: 0.6s; }

.delay-700 { animation-delay: 0.7s; }

.delay-800 { animation-delay: 0.8s; }

.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; }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/*fadein*/
.fadeInDown { -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
/*bounce in*/
.bounceIn { opacity: 0; animation-name: bounceIn; animation-duration: 450ms; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0.5s; }

@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) translate3d(0, 0, 0); }
  50% { opacity: 0.9; transform: scale(1.1); }
  80% { opacity: 1; transform: scale(0.89); }
  100% { opacity: 1; transform: scale(1) translate3d(0, 0, 0); } }
/*fade in left*/
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; visibility: visible !important; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; visibility: visible !important; animation-delay: 0.4s; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
  60%,
  75%,
  90%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from,
  20%,
  53%,
  80%,
  to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes shake { from,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from,
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

::-moz-selection, ::selection { background: #F2F7E2; }

body { line-height: 1.5; letter-spacing: 0.1em; font-family: "Helvetica Neue","Tsukushi A Round Gothic","筑紫A丸ゴシック","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",メイリオ,Meiryo,sans-serif; white-space: normal; word-break: break-all; color: #876258; padding-bottom: 15px; background: url("../images/footer.svg") center bottom repeat-x; }

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

p, li, dt, dd, td, th, caption, figcaption { color: #876258; }

.bold { font-weight: bold; }

a { color: #29B8CA; }

a:hover { color: #29B8CA; }

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

.rounded-xl { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

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

input, textarea, select { outline: none; }

a.mybtn { position: relative; display: inline-block; padding: .75rem 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; border-radius: .75rem; color: #876258; background: #F2F7E2; margin: 4px 0 0 4px; }
a.mybtn svg { color: #A6D51F; }
a.mybtn:hover:before { top: 0; left: 0; }

a.mybtn:before { padding: .75rem 1rem; position: absolute; top: -4px; left: -4px; width: 100%; height: 100%; content: ""; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #876258; border-radius: .75rem; }

.btn_menu { right: 0px; top: 0px; left: auto; }

.btn_menu2 { display: inline-block; display: none; position: fixed; left: 0px; bottom: 0; z-index: 1030; }

.btn_menu3 { display: inline-block; display: none; position: fixed; right: 0px; bottom: 0; z-index: 1030; }

@keyframes btf { 0% { left: 10%; }
  100% { left: 88%; } }
@keyframes btfh { 0% { top: 77%; }
  100% { top: 83%; } }
@keyframes btf2 { 0% { left: 0%; }
  100% { left: 83%; } }
@keyframes btfh2 { 0% { top: 79%; }
  100% { top: 86%; } }
.index .carousel-inner::before { z-index: 101; content: ""; display: block; width: 36px; height: 36px; background: url("../images/butter1.gif") top left no-repeat; background-size: contain; position: absolute; top: 0px; left: 0px; animation: btf 30s linear 0s 1 both alternate,btfh 0.9s ease-in-out 0s infinite alternate; }

.index .carousel-inner::after { z-index: 101; content: ""; display: block; width: 26px; height: 26px; background: url("../images/butter2.gif") top left no-repeat; background-size: contain; position: absolute; top: 75px; left: 75px; animation: btf2 30s linear 0s 1 both alternate,btfh2 0.8s ease-in-out 0s infinite alternate; }

a.btn1 { position: relative; display: block; animation: swing 4s; animation-iteration-count: infinite; /* webkit用animation */ -webkit-animation: swing 4s; -webkit-animation-iteration-count: infinite; }

a.btn2 { position: relative; display: block; animation: swing 3s; animation-iteration-count: infinite; /* webkit用animation */ -webkit-animation: swing 3s; -webkit-animation-iteration-count: infinite; }

a.btn3 { position: relative; display: block; }

a.btn3:hover::before { content: ""; display: block; width: 40px; height: 40px; background: url("../images/butter3.gif") top left no-repeat; background-size: contain; position: absolute; top: 0px; right: 0px; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; }

a.btn3:hover::after { content: ""; display: block; width: 30px; height: 30px; background: url("../images/butter1.gif") top left no-repeat; background-size: contain; position: absolute; bottom: 3%; left: 3%; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; }

.btn_pediatrics { cursor: pointer; }
.btn_pediatrics a { display: none; z-index: 2; position: absolute; background: #F9C3C9; background: #ce8196; color: #fff; padding: .5rem; white-space: nowrap; text-decoration: none; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.btn_pediatrics .btn_pediatrics1 { top: 0; left: 0px; }
.btn_pediatrics .btn_pediatrics2 { top: -10%; left: 50%; margin-left: -25px; }
.btn_pediatrics .btn_pediatrics3 { top: 0; right: 0px; }
.btn_pediatrics .btn_pediatrics4 { bottom: 5%; left: 5%; }
.btn_pediatrics .btn_pediatrics5 { bottom: 5%; right: 5%; }
.btn_pediatrics:hover a { display: block; }

a.nav-link { color: #876258; display: block; height: 100%; padding: 1.5rem 0rem 0; font-weight: bold; position: relative; }
a.nav-link span { font-size: 80%; display: block; font-weight: normal; color: #A6D51F; }
a.nav-link:hover, a.nav-link:focus { opacity: 1 !important; }
a.nav-link:hover img, a.nav-link:focus img { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transform: translate3d(0, -0.5rem, 0); transform: translate3d(0, -0.5rem, 0); }

.dropdown.show .dropdown-toggle::after { -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); }

.dropdown-menu a.dropdown-item { color: #876258; }
.dropdown-menu a.dropdown-item:hover, .dropdown-menu a.dropdown-item:focus, .dropdown-menu a.dropdown-item:active { color: #F37C06; background-color: transparent; }

#menu_modal { position: fixed; top: 0px; left: 0; height: 100%; width: 100%; background: #f9f9f1; z-index: 1039; overflow-y: auto; overflow-x: auto; }
#menu_modal a.nav-link { padding: 0rem 0 1rem !important; color: #876258; }
#menu_modal a.nav-link img { display: none !important; }
#menu_modal a.nav-link:hover, #menu_modal a.nav-link:focus { background: transparent; }

#menu_modal .dropdown-menu.show { position: static !important; float: none !important; top: auto !important; left: auto !important; transform: none !important; display: inline-block; box-shadow: none !important; padding: 0 0 1rem !important; background: transparent !important; }
#menu_modal .dropdown-menu.show a.dropdown-item { padding-left: 0; padding-right: 0; color: #876258; }
#menu_modal .dropdown-menu.show a.dropdown-item:hover, #menu_modal .dropdown-menu.show a.dropdown-item:focus { background: transparent !important; color: #876258; }

.kvbg { background: url("../images/kvbg.svg") center bottom no-repeat; background-size: 100%; }

.kv_contents { position: absolute; top: 0; left: 0; z-index: 100; }

.index h1 { font-weight: bold; margin-bottom: 0; font-size: 1.25rem; letter-spacing: .1em; text-shadow: 0px 1px 10px #ffffff,1px 0px 10px #ffffff, -1px 0px 10px #ffffff, 0px -1px 10px #ffffff; }

h2 { font-size: 1.5rem; letter-spacing: .1em; margin-bottom: 2rem; margin-top: .5rem; text-align: center; font-weight: bold; }
h2 span { font-size: .8rem; color: #A6D51F; display: block; font-weight: normal; }

h3 { color: #A6D51F; margin-bottom: 1rem; font-weight: bold; font-size: 1.25rem; }

table.table.timetable tr:last-child td { padding-bottom: 1.5rem; }
table.table.timetable tr:first-child td { padding-top: 1.5rem; }
table.table.timetable th, table.table.timetable td { vertical-align: middle; }

.gmap { min-height: 300px; }

address { font-size: .6rem; letter-spacing: normal; }

strong { background: linear-gradient(0deg, #FFEFBF 0%, #FFEFBF 0.5rem, transparent 0.5rem, transparent 100%); }

.news-title { background: url("../images/plus.svg") right center no-repeat; background-size: 1rem; color: #876258; }
.news-title:hover, .news-title:focus { box-shadow: none !important; color: #876258; }

.news-title.active { background: url("../images/dash.svg") right center no-repeat; background-size: 1rem; }

.index_info::after { content: ""; display: block; height: 0; padding-top: 4%; width: 100%; background: url("../images/bgwave2.svg") right top repeat-x #fff; background-size: cover; }

.bgwave::before { content: ""; display: block; height: 0; padding-top: 4%; width: 100%; background: url("../images/bgwave.svg") right bottom repeat-x #fff; background-size: cover; }

.bgwave::after { content: ""; display: block; height: 0; padding-top: 4%; width: 100%; background: url("../images/bgwave2.svg") right top repeat-x #fff; background-size: cover; }

.overview::before { position: relative; top: -30px; content: ""; display: block; height: 63px; width: 100%; background: url("../images/index10.png") center top no-repeat; }

footer a.nav-link { padding-top: 0 !important; }
footer a.nav-link img { display: none !important; }

.slider_wrapper { overflow: hidden; width: 100%; }

.slider { display: flex; }

.slider__inner { display: flex; }

.slider__inner:first-child { animation: loop 120s linear infinite; }

.slider__inner:nth-child(2) { animation: loop2 120s -80s linear infinite; }

.slider__inner:last-child { animation: loop3 120s -40s linear infinite; }

@keyframes loop { 0% { transform: translateX(200%); }
  to { transform: translateX(-100%); } }
@keyframes loop2 { 0% { transform: translateX(100%); }
  to { transform: translateX(-200%); } }
@keyframes loop3 { 0% { transform: translateX(0%); }
  to { transform: translateX(-300%); } }
@media all and (-ms-high-contrast: none) { .index h1 { position: absolute; bottom: 0; left: 0; } }
@media (max-width: 991.98px) { footer .dropdown-menu.show { position: static !important; float: none !important; top: auto !important; left: auto !important; transform: none !important; display: inline-block; box-shadow: none !important; padding: 0 0 1rem !important; background: transparent !important; }
  footer .dropdown-menu.show a.dropdown-item { padding-left: 0; padding-right: 0; text-align: center; color: #876258; }
  footer .dropdown-menu.show a.dropdown-item:hover, footer .dropdown-menu.show a.dropdown-item:focus { background: transparent !important; color: #876258; }
  footer a.nav-link { text-align: center; padding: 1rem 0; } }
@media (max-width: 767.98px) { html { font-size: 14px !important; }
  .logo { width: 200px; }
  .kvbg { background: linear-gradient(0deg, #f9f9f1 0%, #f9f9f1 75%, transparent 75%, transparent 100%); }
  .kv_contents { position: static; }
  .index h1 { font-size: 1rem; text-shadow: none; }
  h2 { font-size: 1.2rem; }
  h3 { font-size: 1.1rem; }
  .index .carousel-inner::before { width: 15px; height: 15px; background-size: cover; }
  .index .carousel-inner::after { width: 10px; height: 10px; background-size: cover; }
  table.table.timetable th, table.table.timetable td { padding-left: .25rem; padding-right: .25rem; padding-bottom: .25rem; } }
@media (max-width: 575.98px) { table.table_info td { display: block; }
  table.table_info td:first-child { font-weight: bold; }
  table.table_info td:nth-child(2) { padding-top: 0; border-top: none; } }