@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.5333333333vw; } }

body { color: #333; font-family: "Noto Sans JP", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.5rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

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

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.5rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.5rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; bottom: 0; right: 0; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); width: 64px; margin-right: 100px; margin-bottom: 0; }
@media screen and (max-width: 750px) { .pagetop { margin-right: 20px; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.inner { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 4%; } }

.contents { width: 100%; max-width: 800px; margin: 0 auto; }

/* ------------------------------ ヘッダー
------------------------------ */
.header .header-in { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 110px; padding: 10px 20px 10px 40px; background: #fff; }
@media screen and (max-width: 1140px) { .header .header-in { border-bottom: 2px solid #00808d; } }
@media screen and (max-width: 750px) { .header .header-in { padding: 10px 2.6666666667%; } }
.header .header-in .header-logo { width: 100%; max-width: 340px; margin-right: 20px; }
@media screen and (max-width: 750px) { .header .header-in .header-logo { max-width: 260px; margin-right: 10px; } }
.header .header-in .header-box { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 1140px) { .header .header-in .header-box { display: none; } }
.header .header-in .header-box .header-nav { display: flex; align-items: center; justify-content: flex-end; margin-right: 40px; }
.header .header-in .header-box .header-nav li { padding: 0 1em; border-right: 1px solid #00808d; }
.header .header-in .header-box .header-nav li:last-child { border-right: none; }
.header .header-in .header-box .header-nav li a { position: relative; display: block; text-decoration: none; text-align: center; }
.header .header-in .header-box .header-nav li a:hover, .header .header-in .header-box .header-nav li a.active { color: #00808d; }
.header .header-in .header-box .header-nav li a:hover::after, .header .header-in .header-box .header-nav li a.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; margin-bottom: -0.5em; background-color: #00808d; }
.header .header-in .header-box .header-link { display: flex; align-items: center; justify-content: flex-end; }
.header .header-in .header-box .header-link li.header-insta { position: relative; width: 30px; margin-right: 40px; }
.header .header-in .header-box .header-link li.header-insta::after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 40px; margin-top: -20px; margin-right: -20px; background-color: #333; }
.header .header-in .header-box .header-link li.header-search { width: 60px; }
.header .header-menu { display: none; }
@media screen and (max-width: 1140px) { .header .header-menu { display: flex; align-items: center; width: 100px; height: 100%; cursor: pointer; } }
@media screen and (max-width: 1140px) and (max-width: 750px) { .header .header-menu { width: 80px; } }

.header .header-menu .header-menu-con { width: 100%; }
.header .header-menu button { position: relative; width: 100%; height: 20px; margin: 0 auto 20px; }
@media screen and (max-width: 750px) { .header .header-menu button { margin-bottom: 10px; } }
.header .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 2px; background-color: #00808d; transition: all .4s; }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { width: 60%; bottom: 0; }
.header .header-menu .header-menu-txt { text-align: right; line-height: 1; }
.header .header-menu .header-menu-txt:before { content: 'Menu'; font-size: 2.1rem; color: #00808d; font-weight: 500; }
@media screen and (max-width: 750px) { .header .header-menu .header-menu-txt:before { font-size: 1.4rem; } }

/* ------------------------------ SPメニュー
------------------------------ */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background: #f7f5f1; }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 0; overflow-y: auto; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-content { padding: 6.6666666667% 0; } }
.nav-menu a, .nav-menu div { display: block; text-decoration: none; }
.nav-menu .nav-menu-search { display: flex; justify-content: space-between; width: 100%; max-width: 650px; margin: 0 auto 50px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-search { width: 86.6666666667%; max-width: 100%; margin-bottom: 6.6666666667%; } }
.nav-menu .nav-menu-search button { width: 129px; margin-left: 15px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-search button { width: 17.2%; margin-left: 2%; } }
.nav-menu .nav-menu-search input { flex: 1; padding: 20px; background-color: #fff; border: 1px solid #b5b5b5; font-size: 1.8rem; border-radius: 10px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-search input { padding: 10px 20px; font-size: 1.6rem; } }
.nav-menu .nav-menu-list { width: 100%; max-width: 650px; margin: 0 auto 65px; border-top: 1px solid #b5b5b5; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-list { width: 86.6666666667%; max-width: 100%; margin-bottom: 8.6666666667%; } }
.nav-menu .nav-menu-list li { border-bottom: 1px solid #b5b5b5; }
.nav-menu .nav-menu-list li a { display: block; text-decoration: none; padding: 20px 0; font-size: 2.0rem; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-list li a { font-size: 1.6rem; } }
.nav-menu .nav-menu-insta { width: 100%; max-width: 580px; margin: 0 auto 40px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-insta { width: 77.3333333333%; max-width: 100%; margin-bottom: 5.3333333333%; } }
.nav-menu .nav-menu-btn { width: 100%; max-width: 580px; margin: 0 auto; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-btn { width: 77.3333333333%; max-width: 100%; } }
.nav-menu .nav-menu-btn a { position: relative; display: block; text-decoration: none; padding: 20px 30px; background: linear-gradient(to right, #00a1ac, #baa89d); font-size: 1.8rem; color: #fff; border-radius: 2em; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-btn a { font-size: 1.6rem; } }
.nav-menu .nav-menu-btn a::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; margin-right: 30px; width: 5px; height: 10px; background: url("../img/common/ico_arrow_w.svg"); }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu { width: 65px; }
.js-menuopen .header-menu span:nth-child(1) { width: 90% !important; transform: translateY(9px) rotate(-25deg); }
.js-menuopen .header-menu span:nth-child(2) { width: 90% !important; transform: translateY(-9px) rotate(25deg); }
.js-menuopen .header-menu .header-menu-txt { text-align: center !important; }
.js-menuopen .header-menu .header-menu-txt:before { content: 'Close' !important; }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ ページタイトル　ぱんくず
------------------------------ */
.page-sec { background: linear-gradient(to right, rgba(0, 154, 134, 0.2), rgba(186, 168, 157, 0.2) 50%, rgba(0, 140, 172, 0.2)); }
.page-sec .topicpath { padding: 10px 50px; }
@media screen and (max-width: 750px) { .page-sec .topicpath { padding-left: 4%; padding-right: 4%; } }
.page-sec .topicpath ol { display: flex; flex-wrap: wrap; }
.page-sec .topicpath ol li { font-size: 1.1rem; line-height: 1.6; }
.page-sec .topicpath ol li::after { content: '＞'; margin: 0 1em; color: #00808d; }
.page-sec .topicpath ol li:last-child::after { display: none; }
.page-sec .topicpath ol li a { text-decoration: none; }
.page-sec .page-pagettl { padding: 30px 20px 90px; }
@media screen and (max-width: 750px) { .page-sec .page-pagettl { padding: 30px 4% 60px; } }
.page-sec .page-pagettl .page-pagettl-h { font-size: 3.6rem; font-weight: 400; text-align: center; line-height: 1.6; }
@media screen and (max-width: 750px) { .page-sec .page-pagettl .page-pagettl-h { font-size: 2.6rem; } }
.page-sec .page-pagettl .page-pagettl-h span { font-size: 1.5rem; color: #00808d; }
@media screen and (max-width: 750px) { .page-sec .page-pagettl .page-pagettl-h span { font-size: 1.2rem; } }

/* ------------------------------ フッター
------------------------------ */
.footer .footer-in { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 4%; } }
.footer .footer-banner { padding: 70px 0; background: linear-gradient(to right, rgba(0, 154, 134, 0.2), rgba(186, 168, 157, 0.2) 50%, rgba(0, 140, 172, 0.2)); }
@media screen and (max-width: 750px) { .footer .footer-banner { padding: 60px 0; } }
.footer .footer-banner .footer-banner-in { width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-banner .footer-banner-in { padding: 0; } }
.footer .footer-banner .footer-banner-con { position: relative; }
.footer .footer-banner .slide-prev { z-index: 9; position: absolute; top: 50%; width: 40px; margin-top: -20px; }
.footer .footer-banner .slide-prev._prev { left: 0; }
@media screen and (max-width: 750px) { .footer .footer-banner .slide-prev._prev { margin-left: 4%; } }
.footer .footer-banner .slide-prev._next { right: 0; }
@media screen and (max-width: 750px) { .footer .footer-banner .slide-prev._next { margin-right: 4%; } }
.footer .footer-banner .footer-banner-swiper { width: 100%; max-width: 1144px; margin: 0 auto; overflow: hidden; }
.footer .footer-nav { padding: 65px 0; }
@media screen and (max-width: 750px) { .footer .footer-nav { padding: 60px 0; } }
.footer .footer-nav ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 20px; }
.footer .footer-nav ul li { border-right: 1px solid #00808d; }
@media screen and (max-width: 750px) { .footer .footer-nav ul li { width: 50%; }
  .footer .footer-nav ul li:nth-child(2n) { border-right: none; } }
.footer .footer-nav ul li:last-child { border-right: none; }
.footer .footer-nav ul li a { display: block; text-decoration: none; padding: 0 3em; font-size: 1.4rem; text-align: center; }
@media screen and (max-width: 750px) { .footer .footer-nav ul li a { padding: 0.5em 0; } }
.footer .footer-main { padding: 50px 0 20px; background-color: #f4f4f8; border-top: 1px solid #dbeae7; }
.footer .footer-main .footer-main-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-in { padding: 0 4%; } }
.footer .footer-main .footer-main-con { position: relative; display: flex; align-items: flex-end; justify-content: space-between; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-con { display: block; } }
.footer .footer-main .footer-insta { position: absolute; top: 0; right: 0; width: 100%; max-width: 198px; margin: 0 0 40px auto; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-insta { position: static; margin: 0 auto 30px; } }
.footer .footer-main .footer-main-l { width: 50%; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-l { width: 100%; } }
.footer .footer-main .footer-main-l .footer-logo { width: 100%; max-width: 382px; margin-bottom: 25px; }
.footer .footer-main .footer-main-l .footer-txt { margin-bottom: 30px; line-height: 1.6; }
.footer .footer-main .footer-main-l .footer-txt a { text-decoration: none; }
.footer .footer-main .footer-main-l .footer-txt a:hover { text-decoration: underline; }
.footer .footer-main .footer-main-l .footer-btn { width: 100%; max-width: 318px; margin-bottom: 30px; }
.footer .footer-main .footer-main-l .footer-btn a { position: relative; display: block; text-decoration: none; padding: 20px 30px; background: linear-gradient(to right, #00a1ac, #baa89d); font-size: 1.8rem; color: #fff; border-radius: 2em; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-l .footer-btn a { font-size: 1.6rem; } }
.footer .footer-main .footer-main-l .footer-btn a::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; margin-right: 30px; width: 5px; height: 10px; background: url("../img/common/ico_arrow_w.svg"); }
.footer .footer-main .footer-main-l .footer-link { display: flex; align-items: center; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-l .footer-link { margin-bottom: 30px; } }
.footer .footer-main .footer-main-l .footer-link li { padding: 0 1em; border-right: 1px solid #333; }
.footer .footer-main .footer-main-l .footer-link li:first-child a { padding-left: 0; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-l .footer-link li:first-child a { padding-left: 1em; } }
.footer .footer-main .footer-main-l .footer-link li:last-child { border-right: none; }
.footer .footer-main .footer-main-l .footer-link li a { text-decoration: none; }
.footer .footer-main .footer-main-r { flex: 1; }
.footer .footer-main .footer-main-r .copy { font-size: 1.4rem; text-align: right; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-main-r .copy { text-align: center; } }

/* ------------------------------ Cookie
------------------------------ */
.cookie { display: none; position: sticky; left: 0; bottom: 0; z-index: 999; width: 100%; padding: 40px 0 20px; background: rgba(51, 51, 51, 0.8); }
@media screen and (max-width: 750px) { .cookie { padding: 8% 0; } }
.cookie .cookie-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .cookie .cookie-in { padding: 0 4%; } }
.cookie .cookie-con { display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 750px) { .cookie .cookie-con { display: block; } }
.cookie .cookie-box { flex: 1; color: #fff; }
@media screen and (max-width: 750px) { .cookie .cookie-box { margin-bottom: 20px; } }
.cookie .cookie-box .cookie-ttl { margin-bottom: 20px; }
.cookie .cookie-box .cookie-ttl span { padding: 5px 1em; border: 1px solid #fff; font-size: 1.7rem; border-radius: 10px; }
@media screen and (max-width: 750px) { .cookie .cookie-box .cookie-ttl span { font-size: 1.4rem; } }
.cookie .cookie-box .cookie-txt { line-height: 1.6; }
@media screen and (max-width: 750px) { .cookie .cookie-box .cookie-txt { font-size: 1.4rem; } }
.cookie .cookie-btn { display: flex; justify-content: flex-end; column-gap: 5.8020477816%; margin-left: 20px; }
@media screen and (max-width: 750px) { .cookie .cookie-btn { margin: 0 auto; } }
.cookie .cookie-btn button { width: 8em; padding: 20px 10px; font-size: 1.6rem; font-weight: 500; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .cookie .cookie-btn button { padding: 10px; font-size: 1.4rem; } }
.cookie .cookie-btn button._ok { background-color: #fff; border: 1px solid #00808d; color: #00808d; }
.cookie .cookie-btn button._setting { background-color: #333; border: 1px solid #fff; color: #fff; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-link::before { content: url("../img/common/ico_link.svg"); }

.ico-mokuji::before { content: url("../img/common/ico_mokuji.svg"); }

.font-min { font-family: "Noto Serif JP", serif; }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

._nolink { pointer-events: none; }

.comingsoon { padding: 100px 20px; font-size: 2rem; text-align: center; }

/*
._fig { position: relative; aspect-ratio: 16 / 9; border-radius: 10px !important; border: 1px solid #000; img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 10px !important; }
}
*/
._radius { border-radius: 10px; }

._btn { position: relative; display: block; width: 100%; max-width: 410px; margin: 0 auto; text-decoration: none; padding: 20px 30px; background: linear-gradient(to right, #00a1ac, #baa89d); font-size: 1.8rem; color: #fff; text-align: center; border-radius: 2em; transition: all .6s; }
@media screen and (max-width: 750px) { ._btn { font-size: 1.6rem; } }
._btn:hover { opacity: 0.7; }
._btn::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -7px; margin-right: 30px; width: 7px; height: 14px; background: url("../img/common/ico_arrow_w.svg"); }

.detail-top { padding: 50px 0; background: url("../img/common/bg_detail.png") no-repeat center top 80px; background-size: 100% auto; }

.detail-main { padding-bottom: 120px; }
@media screen and (max-width: 750px) { .detail-main { padding-bottom: 60px; } }

.detail-sec { margin-bottom: 50px; }

.detail-date { margin-bottom: 10px; font-size: 1.2rem; text-align: right; }

.detail-mainfig { margin-bottom: 30px; }

.detail-ttl { font-size: 2.4rem; font-weight: 500; text-align: center; }
@media screen and (max-width: 750px) { .detail-ttl { font-size: 2.2rem; } }

.c-txt { font-size: 1.6rem; line-height: 2; }
.c-txt a { color: #1f60d1; }
.c-txt span { color: #e9000b; }
.c-txt strong { font-weight: 700; }
.c-txt li { padding-left: 1em; text-indent: -1em; }
.c-txt._txtdots li::before { content: '●'; margin-right: 0.5em; font-size: 50%; }

.c-heading { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 4px solid; border-image: linear-gradient(to right, rgba(0, 154, 134, 0.2), rgba(186, 168, 157, 0.2) 50%, rgba(0, 140, 172, 0.2)) 1; font-size: 2.2rem; font-weight: 500; }
@media screen and (max-width: 750px) { .c-heading { font-size: 2.0rem; } }

.c-subheading { margin-bottom: 20px; padding-left: 15px; border-left: 4px solid #00808d; font-size: 2.0rem; color: #00808d; font-weight: 500; }
@media screen and (max-width: 750px) { .c-subheading { font-size: 1.8rem; } }

.c-txtheading { margin-bottom: 20px; font-size: 2.2rem; font-weight: 500; }
@media screen and (max-width: 750px) { .c-txtheading { font-size: 2.0rem; } }

.c-mokuji { margin-bottom: 50px; border: 1px solid #00808d; border-radius: 1.5em; }
.c-mokuji .mokuji-ttl { display: flex; align-items: center; padding: 20px 25px; background: url("../img/common/ico_toggle_o.svg") no-repeat right 25px center; background-size: 16px auto; cursor: pointer; }
.c-mokuji .mokuji-ttl.active { background-image: url("../img/common/ico_toggle_c.svg"); }
.c-mokuji .mokuji-ttl .ico { margin-right: 1em; }
.c-mokuji .mokuji-ttl span { flex: 1; font-size: 1.8rem; font-weight: 500; color: #00808d; line-height: 1; }
.c-mokuji .mokuji-con { display: none; padding: 20px 40px 30px; }
.c-mokuji .mokuji-con ul li { margin-bottom: 0.5em; }
.c-mokuji .mokuji-con ul li:last-child { margin-bottom: 0; }
.c-mokuji .mokuji-con ul li a { text-decoration: none; font-size: 1.6rem; }

.c-borderbox { padding: 25px 40px; border: 2px solid #00808d; border-radius: 1.5em; }
@media screen and (max-width: 750px) { .c-borderbox { padding: 20px; } }
.c-borderbox .c-txt { font-size: 1.4rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.c-borderbox .borderbox-flex { display: flex; }
@media screen and (max-width: 750px) { .c-borderbox .borderbox-flex { display: block; } }
.c-borderbox .borderbox-flex .borderbox-box { flex: 1; }
.c-borderbox .borderbox-flex .borderbox-fig { width: 35%; margin-left: 6.9444444444%; }
@media screen and (max-width: 750px) { .c-borderbox .borderbox-flex .borderbox-fig { width: 100%; margin: 30px auto 0; } }

.c-banner { display: flex; flex-wrap: wrap; gap: 20px 5%; }
.c-banner li { width: 47.5%; }

.c-table { width: 100%; }
.c-table tr:first-child { border-top: 1px solid #ccd3df; }
.c-table tr th { width: 15em; padding: 20px; background-color: #585e67; border-bottom: 1px solid #ccd3df; font-size: 1.6rem; font-weight: 400; text-align: left; color: #fff; vertical-align: top; }
@media screen and (max-width: 750px) { .c-table tr th { display: block; width: 100%; } }
.c-table tr td { padding: 20px; border-bottom: 1px solid #ccd3df; font-size: 1.6rem; word-break: break-word; }
@media screen and (max-width: 750px) { .c-table tr td { display: block; } }
.c-table tr td a { color: #1f60d1; }
.c-table tr td .ico { margin-left: 1em; }

.c-map { width: 100%; }
.c-map iframe { aspect-ratio: 16 / 9; }

.c-search { padding: 40px 0; }
.c-search .search-lead { margin-bottom: 50px; text-align: center; }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.tal { text-align: left; }

.mab40 { margin-bottom: 40px; }

.mab80 { margin-bottom: 80px; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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