@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
html { overflow-y: scroll; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

img { vertical-align: middle; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/* to enable resizing for IE */
input, textarea, select { *font-size: 100%; }

/* because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

input, select { vertical-align: middle; }

/* !Box Sizing */
* { -webkit-box-sizing: border-box; /* <=iOS 4, <= Android 2.3 */ /* Firefox 1+ */ box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1 */ }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

/* ====================================================
レスポンシブ
==================================================== */
/* ====================================================
カラー　$c-カラー名
==================================================== */
/* ====================================================
フォント　$f-フォント名
==================================================== */
/* ====================================================
フォントサイズ
==================================================== */
/* ====================================================
基本
==================================================== */
html, body { width: 100%; height: 100%; font-size: 62.5%; }

body { position: relative; color: #000000; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, メイリオ, "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Arial Unicode MS", sans-serif; font-size: 1.4em; -webkit-font-smoothing: antialiased; line-height: 1.6; letter-spacing: .06em; }

body.active { position: fixed; width: 100%; }

body.active .header-slidemenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

main { display: block; }
main figure { margin: 0; }

a { color: inherit; text-decoration: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
a:hover { opacity: 0.7; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
@media (max-width: 1024px) { a a[href^="tel"] { pointer-events: none; } }

img { width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; height: auto; }

sup { font-size: 70%; vertical-align: top; position: relative; top: -0.1em; }

sub { font-size: 70%; vertical-align: bottom; position: relative; bottom: -0.1em; }

/* ====================================================
全ページ共通（common）クラス
==================================================== */
.flex { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

.c-pc-only { display: inline-block !important; }
@media (max-width: 1024px) { .c-pc-only { display: none !important; } }
@media (max-width: 767px) { .c-pc-only { display: none !important; } }

.c-tab-only { display: none !important; }
@media (max-width: 1024px) { .c-tab-only { display: inline-block !important; } }
@media (max-width: 767px) { .c-tab-only { display: none !important; } }

.c-sp-only { display: none !important; }
@media (max-width: 1024px) { .c-sp-only { display: none !important; } }
@media (max-width: 767px) { .c-sp-only { display: inline-block !important; } }

.c-tab-over { display: inline-block !important; }
@media (max-width: 1024px) { .c-tab-over { display: inline-block !important; } }
@media (max-width: 767px) { .c-tab-over { display: none !important; } }

.c-tab-less { display: none !important; }
@media (max-width: 1024px) { .c-tab-less { display: inline-block !important; } }
@media (max-width: 767px) { .c-tab-less { display: inline-block !important; } }

.clear { clear: both !important; }

.c-justify { text-align: justify; text-justify: inter-ideograph; text-justify: inter-character; }

/* ====================================================
全ページ共通レイアウト
==================================================== */
header { position: fixed; width: 100%; top: 0; margin: 0 auto; z-index: 998; }
@media (max-width: 1024px) { header { position: relative; } }
header.show .l-header-area { padding: 13px 3%; }
@media (max-width: 767px) { header.show .l-header-area { padding: 26px 8% 26px 6%; } }
header.show .l-header-area .logo { width: 22.233vw; }
@media (max-width: 1024px) { header.show .l-header-area .logo { width: 0; } }
header.show .header-nav > ul { margin-top: 0; }
header.show .header-nav > ul > li { padding: 10px 18px 10px; }

.l-header-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 3%; background: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s ease; transition: all .3s ease; }
@media (max-width: 1024px) { .l-header-area { position: relative; height: 85px; background-color: transparent; z-index: 1; } }
@media (max-width: 767px) { .l-header-area { padding: 26px 8% 26px 6%; } }
.l-header-area .logo { position: relative; max-width: 372px; width: 27.233vw; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 5; }
@media (max-width: 1024px) { .l-header-area .logo { width: 31.25vw; max-height: 100%; height: auto; -webkit-transition: none; transition: none; } }
@media (max-width: 767px) { .l-header-area .logo { max-width: 231px; width: 72%; } }

.header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem); font-weight: bold; }
.header-nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; }
@media (max-width: 1024px) { .header-nav > ul { display: none; } }
.header-nav > ul > li { padding: 0 18px 20px; }
.header-nav > ul > li:first-child { padding-left: 0; }
.header-nav > ul > li:last-child { padding-right: 0; }

.header-nav-parent { position: relative; }
.header-nav-parent > p { cursor: default; }
.header-nav-parent a { padding-bottom: 20px; }

.header-nav-child { display: none; position: absolute; top: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 180px; text-align: center; background-color: #000000; color: #ffffff; }
.header-nav-child.active { display: block; }
.header-nav-child ul li { padding: 20px 0; }
.header-nav-child ul li:not(:last-child) { border-bottom: 1px solid #ffffff; }

.header-hamburger { display: none; }
@media (max-width: 1024px) { .header-hamburger { position: fixed; top: 44px; right: 33px; display: block; width: 30px; height: 23px; z-index: 998; }
  .header-hamburger:before { content: ""; display: block; position: absolute; top: -16px; right: -14px; width: 59px; height: 59px; background-color: #000000; }
  .header-hamburger span { position: absolute; width: 100%; height: 3px; background-color: #ffffff; -webkit-transition: .5s; transition: .5s; }
  .header-hamburger span:first-of-type { top: 0; }
  .header-hamburger span:nth-of-type(2) { top: 50%; }
  .header-hamburger span:last-of-type { top: 100%; }
  .header-hamburger.active:before { background-color: transparent; }
  .header-hamburger.active span:first-of-type { top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .header-hamburger.active span:nth-of-type(2) { opacity: 0; }
  .header-hamburger.active span:last-of-type { top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } }

.header-slidemenu { display: none; }
@media (max-width: 1024px) { .header-slidemenu { position: fixed; top: 0; width: 100%; height: 100vh; right: 0; padding: 107px 0; background-color: #000000; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .5s; transition: .5s; z-index: 2; }
  .header-slidemenu.active { display: block; width: 77%; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; overflow: auto; -webkit-overflow-scrolling: touch; color: #ffffff; opacity: 0.9; }
  .header-slidemenu.active li { width: 66%; margin: 0 auto 32px; text-align: left; font-size: 16px; font-size: 1.6rem; font-weight: bold; }
  .header-slidemenu.active li .header-slidemenu__parent { margin: 0 auto; }
  .header-slidemenu.active li:first-child { margin-bottom: 32px; }
  .header-slidemenu.active li:nth-last-child(2) { margin-bottom: 40px; }
  .header-slidemenu.active li:not(.no-anchor) { margin-bottom: 32px; }
  .header-slidemenu.active li.no-anchor .header-slidemenu__wrapper { margin: 0 auto; }
  .header-slidemenu.active li.contact__link { margin-bottom: 0; }
  .header-slidemenu.active li.contact__link a { padding: 22px 0; border: 1px solid #ffffff; text-align: center; line-height: 1; }
  .header-slidemenu.active .header-slidemenu__wrapper { position: relative; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
  .header-slidemenu.active .header-slidemenu__wrapper a { display: block; }
  .header-slidemenu .header-slidemenu__parent .header-slidemenu__wrapper { margin-bottom: 20px; }
  .header-slidemenu .header-slidemenu__parent .header-slidemenu__wrapper > p { opacity: 0.6; }
  .header-slidemenu .header-slidemenu__parent .header-slidemenu__child { display: block !important; width: 100%; }
  .header-slidemenu .header-slidemenu__parent .header-slidemenu__child > p { margin-bottom: 18px; padding-left: 18px; opacity: 1 !important; }
  .header-slidemenu .header-slidemenu__parent .header-slidemenu__child > p a { position: relative; display: block; padding-left: 0.8em; text-indent: -0.8em; }
  .header-slidemenu .header-slidemenu__parent .header-slidemenu__child > p a:before { content: "- "; font-weight: normal; }
  .header-slidemenu .header-slidemenu__parent.open .header-slidemenu__child { display: block; } }

footer { position: relative; z-index: 997; }
footer .pagetop { display: none; position: fixed; bottom: 30px; right: 15px; z-index: 9999; }
footer .pagetop a { position: relative; display: inline-block; width: 59px; height: 59px; padding: 25px 23px 0; background-color: #343434; border: 1px solid #000000; border-radius: 14px; z-index: 3; }
footer .pagetop a:after { content: ""; display: block; width: 10px; height: 10px; border-top: solid 1px #ffffff; border-right: solid 1px #ffffff; -webkit-transform: rotate(315deg); transform: rotate(315deg); }
footer .contact { padding: 50px 0; background-color: #000000; }
footer .contact .inner { padding: 0 12vw; }
@media (max-width: 1024px) { footer .contact .inner { padding: 0 6%; } }
@media (max-width: 767px) { footer .contact .inner { padding: 0 10%; } }
footer .contact .inner .contact__item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 767px) { footer .contact .inner .contact__item { display: block; width: 100%; } }
footer .contact .inner .contact__item .contact__item-guide { width: 37.628vw; }
@media (max-width: 767px) { footer .contact .inner .contact__item .contact__item-guide { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; } }
footer .contact .inner .contact__item .contact__item-guide figure { max-width: 75px; width: 5.49vw; max-height: 107px; height: 7.76vw; margin-right: 4.173vw; }
@media (max-width: 767px) { footer .contact .inner .contact__item .contact__item-guide figure { max-width: 57px; width: 15.2vw; max-height: 100%; height: auto; margin-right: 8.8vw; } }
footer .contact .inner .contact__item .contact__item-guide p { width: 30.965vw; color: #ffffff; font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem); font-weight: bold; letter-spacing: 0.001em; }
@media (max-width: 767px) { footer .contact .inner .contact__item .contact__item-guide p { width: 53.867vw; } }
footer .contact .inner .contact__item .contact__item-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
footer .contact .inner .contact__item .contact__item-tel .tel { margin-bottom: 13px; color: #ffffff; font-family: Arial, sans-serif; font-size: clamp(3rem, 2.196193265vw, 3rem); font-weight: bold; line-height: 1; letter-spacing: 0.001em; }
@media (max-width: 767px) { footer .contact .inner .contact__item .contact__item-tel .tel { margin-bottom: 18px; } }
footer .contact .inner .contact__item .contact__item-tel .tel:before { content: ''; display: inline-block; max-width: 49px; width: 3.587vw; max-height: 49px; height: 3.587vw; margin-right: 1.171vw; padding-bottom: 4px; background-image: url(../../img/common/icon_tel.svg); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
@media (max-width: 767px) { footer .contact .inner .contact__item .contact__item-tel .tel:before { max-width: 49px; width: 13.067vw; max-height: 49px; height: 13.067vw; margin-right: 4.267vw; } }
footer .contact .inner .contact__item .contact__item-tel .btn { max-width: 298px; min-width: 298px; width: 21.816vw; }
footer .contact .inner .contact__item .contact__item-tel .btn a { padding: 24px 0 24px 50px; font-size: clamp(1.6rem, 1.1713030747vw, 1.6rem); font-weight: bold; line-height: 1; }
@media (max-width: 767px) { footer .contact .inner .contact__item .contact__item-tel .btn { min-width: auto; width: 100%; margin: 0 auto; } }
footer .group { background-color: #F7F7F7; }
footer .group .flex { max-width: 929px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; padding: 45px 0 30px; }
@media (max-width: 1024px) { footer .group .flex { padding: 45px 7.2vw 35px; } }
footer .group .flex:after { content: ""; display: block; width: 30.13%; }
footer .group .flex .co-group { width: 30.13%; margin-bottom: 25px; }
@media (max-width: 767px) { footer .group .flex .co-group { width: 87.5%; margin: 0 auto 20px; }
  footer .group .flex .co-group:last-child { margin: 0 auto; } }
footer .group .flex .co-group > p { margin-bottom: 16px; font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem); font-weight: bold; text-align: center; color: #fff; }
@media (max-width: 767px) { footer .group .flex .co-group > p { margin-bottom: 10px; font-size: clamp(1.3rem, 1.0248901903vw, 1.4rem); } }
footer .group .flex .co-group .btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; height: 84px; padding: 0 8%; border-radius: 10px; background-color: #fff; border: 1px solid #DDDDDD; }
@media (max-width: 767px) { footer .group .flex .co-group .btn { height: auto; min-height: 75px; padding: 20px 8.3%; } }
footer .group .flex .co-group .btn:after { position: absolute; top: 46%; right: 6%; z-index: 2; display: inline-block; width: 9.27px; height: 8.88px; background-image: url(../img/common/arrow_01.svg); background-repeat: no-repeat; background-size: contain; vertical-align: middle; content: ""; -webkit-transition: 0.2s; transition: 0.2s; }
@media (max-width: 767px) { footer .group .flex .co-group .btn:after { width: 8.41px; height: 8.03px; } }
footer .group .flex .co-group .btn figure { width: 17.78%; margin-right: 4.2%; }
@media (max-width: 1024px) { footer .group .flex .co-group .btn figure { width: 14.8%; } }
@media (max-width: 767px) { footer .group .flex .co-group .btn figure { width: 17.78%; } }
footer .group .flex .co-group .btn p { width: 160px; font-size: clamp(1.3rem, 1.1713030747vw, 1.6rem); font-weight: bold; line-height: 1.2; letter-spacing: -0.01em; }
@media (max-width: 767px) { footer .group .flex .co-group .btn p { font-size: clamp(1.4rem, 1.0980966325vw, 1.5rem); } }
footer .group .flex .group_05 .btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px; }
@media (max-width: 767px) { footer .group .flex .group_05 .btn { padding: 0 5px; } }
footer .group .flex .group_05 .btn figure { width: 100%; margin-right: 0; }
footer .group .flex .no_arrow .btn:after { display: none; }
footer .access { padding: 40px 0 53px; }
@media (max-width: 767px) { footer .access { padding: 42px 0 58px; } }
footer .access .inner { padding: 0 8.053vw; }
@media (max-width: 1024px) { footer .access .inner { padding: 0 6%; } }
@media (max-width: 767px) { footer .access .inner { padding: 0 6%; } }
footer .access .inner .access__item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
@media (max-width: 767px) { footer .access .inner .access__item { display: block; } }
footer .access .inner .access__item .access__item-company { width: 50%; }
@media (max-width: 767px) { footer .access .inner .access__item .access__item-company { width: 100%; margin-bottom: 70px; } }
footer .access .inner .access__item .access__item-company h2 { margin-bottom: 0.7em; font-size: clamp(1.5rem, 1.4641288433vw, 2rem); font-weight: bold; }
@media (max-width: 767px) { footer .access .inner .access__item .access__item-company h2 { margin-bottom: 8px; } }
footer .access .inner .access__item .access__item-company h2:before { content: ''; display: inline-block; width: 62px; height: 47px; margin-right: 1.83vw; background-image: url(../../img/common/logomark.svg); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
@media (max-width: 767px) { footer .access .inner .access__item .access__item-company h2:before { width: 46px; height: 35px; margin-right: 4.533vw; } }
footer .access .inner .access__item .access__item-company p { margin-left: 1.83vw; padding-left: 62px; letter-spacing: 0.001em; font-size: clamp(1.3rem, 1.0248901903vw, 1.4rem); }
footer .access .inner .access__item .access__item-company p:last-child { padding-top: 2px; }
@media (max-width: 767px) { footer .access .inner .access__item .access__item-company p:last-child { padding-top: 0; } }
@media (max-width: 767px) { footer .access .inner .access__item .access__item-company p { margin-left: 4.533vw; padding-left: 46px; } }
footer .access .inner .access__item .access__item-company p span { display: inline-block; margin-left: 10px; }
@media (max-width: 767px) { footer .access .inner .access__item .access__item-company p span { display: block; margin: 8px 0; } }
footer .access .inner .access__item .access__item-company p span a { display: inline-block; padding: 4px 9px; color: #393939; font-size: clamp(1.1rem, 0.8052708638vw, 1.1rem); font-weight: bold; line-height: 1; border: 1px solid #000000; }

.inner { margin: 0 auto; padding: 0 12.445vw; }
@media (max-width: 1024px) { .inner { padding: 0 7.2vw; } }

.se__contents-area { padding-top: 80px; }
@media (max-width: 1024px) { .se__contents-area { padding-top: 40px; } }
@media (max-width: 767px) { .se__contents-area { padding-top: 0; } }

/* se__contents-area */
.company .se__contents-area, .contact .se__contents-area { padding-top: 175px; }
@media (max-width: 767px) { .company .se__contents-area, .contact .se__contents-area { padding-top: 130px; } }

/* contents-bg */
.contents-bg { width: 100%; margin-top: 125px; background-image: url(../img/home/home_bg.svg); background-repeat: space repeat; background-size: 100%; background-position: top right; }
@media (max-width: 1024px) { .contents-bg { margin-top: 33px; } }
@media (max-width: 767px) { .contents-bg { margin-top: 44px; background-size: 112%; } }

/* フェードイン */
.fadein { opacity: 1 !important; }

@media print { html, html body { *zoom: 0.65; }
  body { width: 960px; } }
/* ====================================================
見出し
==================================================== */
/* 共通見出し */
.cmn__ttl { text-align: center; }
.cmn__ttl h2 { position: relative; display: block; margin-bottom: 36px; color: #393939; font-family: "Source Han Sans", "源ノ角ゴシック", "Noto Sans JP", sans-serif; font-size: clamp(3.4rem, 3.513909224vw, 4.8rem); font-weight: bold; line-height: 1; }
@media (max-width: 767px) { .cmn__ttl h2 { margin-bottom: 30px; } }
.cmn__ttl h2:before { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 62px; content: ""; height: 6px; left: 50%; bottom: -22px; background-color: #DC050F; }
@media (max-width: 767px) { .cmn__ttl h2:before { bottom: -20px; } }
.cmn__ttl span { font-size: clamp(1.5rem, 1.2445095168vw, 1.7rem); }

/* TOPページ見出し */
.home__ttl h2 { font-size: clamp(2.8rem, 3.513909224vw, 4.8rem); }
@media (max-width: 767px) { .home__ttl h2 { margin-bottom: 28px; }
  .home__ttl h2:before { bottom: -18px; } }
.home__ttl span { font-size: clamp(1.4rem, 1.2445095168vw, 1.7rem); }

/* ====================================================
ボタン
==================================================== */
.btn__radius { display: block; width: 100%; margin: auto; background-color: #DC050F; color: #ffffff; border-radius: 40px; }

.btn__move { position: relative; display: block; color: #ffffff; border: 2px solid #DC050F; text-decoration: none; outline: none; overflow: hidden; }
.btn__move:after { position: absolute; content: ''; display: inline-block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 11%; width: 8px; height: 15px; background-image: url(../../img/common/arrow_white.svg); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.btn__move:hover { color: #DC050F; border-color: transparent; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.btn__move:hover:after { background-image: url(../../img/common/arrow_red.svg); }
.btn__move span { position: relative; display: inline-block; z-index: 2; }

.borderleft:before { position: absolute; left: 0; bottom: 0; z-index: -1; height: 100%; width: 0; background: #ffffff; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }
.borderleft:hover:before { width: 100%; }

/* ====================================================
アニメーション
==================================================== */
@-webkit-keyframes pathmove { 0% { height: 0; top: 0; opacity: 0; }
  30% { height: 30px; opacity: 1; }
  100% { height: 0; top: 50px; opacity: 0; } }
@keyframes pathmove { 0% { height: 0; top: 0; opacity: 0; }
  30% { height: 30px; opacity: 1; }
  100% { height: 0; top: 50px; opacity: 0; } }
.delayScroll .delayScroll__box { opacity: 0; }
.delayScroll .fadeUp { -webkit-animation-name: fadeUpAnime; animation-name: fadeUpAnime; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; }
@-webkit-keyframes fadeUpAnime { from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); }
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeUpAnime { from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); }
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }

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