@charset "utf-8";

:root{
  --main-color: #102e9e;
}

html { line-height: 1; font-family: "Noto Sans JP", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 16px; color: #000000; word-wrap: break-word; font-optical-sizing: auto; font-weight: 400; font-style: normal; width: 100%; height: 100%; }
html * { font-weight: inherit; box-sizing: border-box; }

body { width: 100%; }

a, a * { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

img { width: 100%; height: auto; pointer-events: none; }
img[src$=".svg"] { max-width: 100%; }

em { font-style: italic; }

/*font
-----------------------------------------------------------------------------*/
.fw_regular { font-weight: 400; }
.fw_medium { font-weight: 500; }
.fw_bold { font-weight: 700; }
.fw_semibold { font-weight: 600; }
.fwblack { font-weight: 900; }

.fs_italic { font-style: italic; }


/*PC 共通
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) { html { overflow-y: scroll; font-size: 16px; }
  .sp { display: none; }
  .inner { max-width: 1120px; width: calc(100% - 5rem); margin: auto; }
  .flex_box, .flex_box_pc { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  a { outline: none; }
  a:focus { outline: none; }
  a:hover.link_line::before, a:hover .link_line::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  a:hover.readMore_btn, a:hover .readMore_btn { letter-spacing: 0.25em; }
  a:hover.readMore_btn:after, a:hover .readMore_btn:after { -webkit-transform: scale(1.1, 1); -ms-transform: scale(1.1, 1); transform: scale(1.1, 1); }
  .link_line { position: relative; display: inline-block; }
  .link_line::before { content: ""; display: block; width: 100%; height: 1px; background-color: #000000; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; transform-origin: 0 50%; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } }
@media print, screen and (min-width: 768px) and (max-width: 1120px) { html { font-size: 1.4285714286vw; } }
/*--------------------------endPC--------------------------------*/
/*SP共通
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { html { font-size: 4.1vw; }
  .inner { width: 100%; margin: auto; }
  .pc { display: none; }
  .flex_box, .flex_box_sp { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

/*--------------------------endSP--------------------------------*/
/*#main_header
--------------------------------------------------------------------*/
#main_header { position: fixed; width: 100%; top: 0; left: 0; letter-spacing: .05em; }
#main_header { background: var(--main-color); color: #fff; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; position: relative; z-index: 1000; }
@media print, screen and (min-width: 768px) { #main_header .h_logo { width: 10.4166666667%; margin-left: 2.5rem; }
  #main_header .h_logo a { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #main_header .h_logo a:hover { opacity: 0.7; }
  #main_header .header_nav { font-size: 1rem; font-weight: bold; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-end; margin-right: 2.5rem; height: 7.1875rem; }
  #main_header .header_nav > li { height: 100%; }
  #main_header .header_nav > li > a { height: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; position: relative; }
  #main_header .header_nav > li > a::after { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; content: ""; display: block; width: 100%; height: 0.25rem; background-color: #fff; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
  #main_header .header_nav > li:not(:last-child) { margin-right: 3.125vw; }
  #main_header .header_nav .no_mega:hover::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  #main_header .mega_btn.open::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
  #main_header .mega_cont { display: none; width: 100%; position: absolute; top: 100%; left: 0; background: rgba(0, 18, 85, 0.8); padding: 1.875rem 0 2.5rem; }
  #main_header .mega_cont .inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #main_header .mega_cont:not(.product_mega) .mega_list li { line-height: 1.75; margin-top: calc(0px - (((1em*1.75) - 1em)/2)); }
  #main_header .mega_cont:not(.product_mega) .mega_list li:last-child { margin-bottom: calc(0px - (((1em*1.75) - 1em)/2)); }
  #main_header .mega_cont:not(.product_mega) .mega_list li:not(:last-child) { margin-bottom: calc(1.25rem - (((1em*1.75) - 1em)/2)); }
  #main_header .product_mega { z-index: 100; }
  #main_header .product_mega .mega_list_wrap { width: 100%; }
  #main_header .product_mega .mega_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #main_header .product_mega .mega_list li { width: 25%; }
  #main_header .product_mega .mega_list li:not(:nth-child(-n + 4)) { margin-top: 2.5rem; }
  #main_header .support_mega .mega_list_wrap, #main_header .company_mega .mega_list_wrap { width: 50%; }
  #main_header .mega_cont_tit { font-size: 1.875rem; font-weight: bold; letter-spacing: 0.05em; border-bottom: 1px solid #fff; width: 100%; margin-bottom: 1.875rem; padding-bottom: 1.25rem; }
  #main_header .mega_cont_tit a { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  #main_header .mega_cont_tit a::after { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; content: ""; display: block; background-size: 100% 100%; width: 0.625rem; height: 1.09375rem; background-image: url("./img/common/vector01.svg"); margin-left: 3.75rem; }
  #main_header .mega_cont_tit a:hover::after { -webkit-transform: translate(0.625rem, 0); -ms-transform: translate(0.625rem, 0); transform: translate(0.625rem, 0); }
  #main_header .mega_list_tit { font-size: 1.25rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.875rem; }
  #main_header .mega_list li { font-size: 1rem; font-weight: 500; letter-spacing: 0.05em; }
  #main_header .mega_list a { position: relative; }
  #main_header .mega_list a::after { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; content: ""; display: block; width: 100%; height: 0.0625rem; background-color: #fff; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); transform-origin: 0 50%; }
  #main_header .mega_list a:hover::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } }
@media only screen and (max-width: 767px) { #main_header { height: 12.8205128205vw; }
  #main_header .h_logo { width: 25.641025641vw; margin-left: 5.1282051282vw; }
  #main_header .h_nav_btn { width: 5.1282051282vw; height: 4.1025641026vw; margin-right: 3.8461538462vw; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; }
  #main_header .h_nav_btn span, #main_header .h_nav_btn::after, #main_header .h_nav_btn:before { width: 100%; height: 0.5128205128vw; background: #fff; }
  #main_header .h_nav_btn::after, #main_header .h_nav_btn:before { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; content: ""; display: block; }
  #main_header .h_nav_btn::after { transform-origin: 0 50%; }
  #main_header .h_nav_btn:before { transform-origin: 100% 50%; }
  #main_header .h_nav_btn.open::after, #main_header .h_nav_btn.open:before { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
  #main_header .header_nav { display: none; font-size: 1.25rem; font-weight: bold; overflow: auto; max-height: calc(100vh - 12.8205128205vw); position: absolute; top: 100%; left: 0; width: 100%; background: #001255; padding: clamp(19px, calc(24 / 768 * 100vw), 24px) 0 clamp(76px, calc(82 / 768 * 100vw), 82px); }
  #main_header .header_nav > li { width: 90.7692307692vw; margin: 0 auto; }
  #main_header .header_nav > li:not(:last-child) { margin-bottom: clamp(28px, calc(32 / 768 * 100vw), 32px); }
  #main_header .header_nav > li > a { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: clamp(10px, calc(14 / 768 * 100vw), 14px) 0; border-bottom: 1px solid #fff; }
  #main_header .header_nav .no_mega::after { content: ""; display: block; background-size: 100% 100%; width: 2.0512820513vw; height: 3.5897435897vw; background-image: url("./img/common/vector01.svg"); }
  #main_header .header_nav .mega_btn { position: relative; }
  #main_header .header_nav .mega_btn::after, #main_header .header_nav .mega_btn::before { content: ""; display: block; width: 2.5641025641vw; height: 0.5128205128vw; background-color: #fff; }
  #main_header .header_nav .mega_btn::before { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; position: absolute; top: 50%; right: 0; z-index: 0; -webkit-transform: translate(0, -50%) rotate(90deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(0, -50%) rotate(90deg) scale(1, 1) skew(0deg, 0deg); transform: translate(0, -50%) rotate(90deg) scale(1, 1) skew(0deg, 0deg); }
  #main_header .header_nav .mega_btn.open::before { position: absolute; top: 50%; right: 0; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  #main_header .mega_cont { display: none; font-size: 1rem; font-weight: bold; letter-spacing: 0.05em; padding-top: clamp(24px, calc(28 / 768 * 100vw), 28px); }
  #main_header .mega_cont_tit { margin-bottom: 6.4102564103vw; }
  #main_header .mega_cont_tit a { display: block; }
  #main_header .mega_list_wrap:not(:last-child) { margin-bottom: 6.4102564103vw; }
  #main_header .mega_list li { font-size: 1rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.75; margin-top: calc(0px - (((1em*1.75) - 1em)/2)); }
  #main_header .mega_list li:last-child { margin-bottom: calc(0px - (((1em*1.75) - 1em)/2)); }
  #main_header .mega_list li:not(:last-child) { margin-bottom: clamp(19px, calc(24 / 768 * 100vw), 24px); }
  #main_header .mega_list a { display: block; } }

/*#main_footer
--------------------------------------------------------------------*/
#main_footer { background: var(--main-color); color: #fff; letter-spacing: .05em; }
#main_footer .tw_btn { color: #000; background: #fff; border-radius: 50%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; aspect-ratio: 1/1; }
#main_footer .sub_nav a { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
#main_footer .sub_nav a:before { content: ""; display: block; background-size: 100% 100%; }
#main_footer .sub_nav .event a::before { background-image: url("./img/common/calendar-month.svg"); }
#main_footer .sub_nav .recruit a::before { background-image: url("./img/common/md-contact.svg"); }
#main_footer .sub_nav .contact a::before { background-image: url("./img/common/question-circle.svg"); }
#main_footer .f_bottom { background: #001255; }
@media print, screen and (min-width: 768px) { #main_footer > .inner { padding: 3.75rem 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #main_footer .f_logo { width: 16rem; display: block; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #main_footer .f_logo:hover { opacity: 0.7; }
  #main_footer .tw_btn { width: 4rem; font-size: 1.52375rem; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #main_footer .tw_btn:hover { opacity: 0.7; }
  #main_footer .sub_nav { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; margin-top: 2rem; font-size: 0.875rem; letter-spacing: 0; }
  #main_footer .sub_nav li:not(last-child) { margin-right: 2.5rem; }
  #main_footer .sub_nav a:before { margin-right: 0.625rem; }
  #main_footer .sub_nav a:hover { text-decoration: underline; }
  #main_footer .sub_nav .event a::before { width: 1.35rem; height: 1.5rem; }
  #main_footer .sub_nav .recruit a::before { width: 1.5rem; height: 1.5rem; }
  #main_footer .sub_nav .contact a::before { width: 1.5rem; height: 1.5rem; }
  #main_footer .f_bottom { font-size: 0.75rem; }
  #main_footer .f_bottom .inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; height: 3.75rem; }
  #main_footer .f_bottom .f_nav { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  #main_footer .f_bottom .f_nav li { position: relative; }
  #main_footer .f_bottom .f_nav li:not(:last-child) { padding-right: 1em; }
  #main_footer .f_bottom .f_nav li:not(:last-child)::after { content: ""; display: block; width: 1px; height: 100%; background-color: #fff; position: absolute; right: 0; top: 0; }
  #main_footer .f_bottom .f_nav li:not(:first-child) { padding-left: 1em; }
  #main_footer .f_bottom .f_nav a:hover { text-decoration: underline; } }
@media only screen and (max-width: 767px) { #main_footer > .inner { padding: clamp(32px, calc(48 / 768 * 100vw), 48px) 0; position: relative; }
  #main_footer .f_logo { width: clamp(192px, calc(240 / 768 * 100vw), 240px); display: block; margin: 0 auto clamp(48px, calc(56 / 768 * 100vw), 56px); }
  #main_footer .tw_btn { width: clamp(60px, calc(64 / 768 * 100vw), 64px); font-size: clamp(23px, calc(26 / 768 * 100vw), 26px); position: absolute; top: 50%; right: clamp(30px, calc(34 / 768 * 100vw), 34px); transform: translateY(-50%); }
  #main_footer .sub_nav { font-size: 1.125rem; letter-spacing: 0.05em; margin-left: 8.2051282051vw; }
  #main_footer .sub_nav li:not(last-child) { margin-bottom: clamp(40px, calc(48 / 768 * 100vw), 48px); }
  #main_footer .sub_nav a { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #main_footer .sub_nav a::before { margin-right: 3.8461538462vw; }
  #main_footer .sub_nav .event a::before { width: 5.5384615385vw; height: 6.1538461538vw; }
  #main_footer .sub_nav .recruit a::before { width: 6.1538461538vw; height: 6.1538461538vw; }
  #main_footer .sub_nav .contact a::before { width: 6.1538461538vw; height: 6.1538461538vw; }
  #main_footer .f_bottom { text-align: center; padding: clamp(19px, calc(24 / 768 * 100vw), 24px) 0; }
  #main_footer .f_bottom .f_nav { font-size: 1rem; width: 83.5897435897vw; margin: 0 auto clamp(38px, calc(44 / 768 * 100vw), 44px); }
  #main_footer .f_bottom .f_nav li { padding: clamp(19px, calc(24 / 768 * 100vw), 24px) 0; position: relative; }
  #main_footer .f_bottom .f_nav li:not(:last-child) { border-bottom: 1px solid #fff; }
  #main_footer .f_bottom .f_nav a { display: block; }
  #main_footer .f_bottom .copyright { font-size: 0.75rem; } }

/*js
-----------------------------------------------------------------------------*/
.tran, .scrollListItem, .scrollItem, .scrollAllList > * { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.fadein { opacity: 0; }
.fadein.scrollActive { opacity: 1; }
.fadeout { opacity: 1; }
.fadeout.scrollActive { opacity: 0; }
.fadeTop { -webkit-transform: translate(0, 1.5625rem); -ms-transform: translate(0, 1.5625rem); transform: translate(0, 1.5625rem); }
.fadeTop.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeBottom { -webkit-transform: translate(0, -1.5625rem); -ms-transform: translate(0, -1.5625rem); transform: translate(0, -1.5625rem); }
.fadeBottom.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeRight { -webkit-transform: translate(1.5625rem, 0); -ms-transform: translate(1.5625rem, 0); transform: translate(1.5625rem, 0); }
.fadeRight.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeRight100 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
.fadeRight100.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeLeft { -webkit-transform: translate(-1.5625rem, 0); -ms-transform: translate(-1.5625rem, 0); transform: translate(-1.5625rem, 0); }
.fadeLeft.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeLeft100 { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.fadeLeft100.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.scaleUp { -webkit-transform: scale(0.97, 0.97); -ms-transform: scale(0.97, 0.97); transform: scale(0.97, 0.97); }
.scaleUp.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleUp00 { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); }
.scaleUp00.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleUp02 { -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.scaleUp02.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleX00 { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.scaleX00.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleY00 { -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); }
.scaleY00.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleDown { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.scaleDown.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.panelX { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.panelX.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.panel { -webkit-transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); -ms-transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
.panel.scrollActive { -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }

.scrollAllList.allFadeIn > * { opacity: 0; }
.scrollAllList.allFadeIn > *.scrollActive { opacity: 1; }
.scrollAllList.allFadeTop > * { -webkit-transform: translate(0, 1.5625rem); -ms-transform: translate(0, 1.5625rem); transform: translate(0, 1.5625rem); }
.scrollAllList.allFadeTop > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeRight > * { -webkit-transform: translate(1.5625rem, 0); -ms-transform: translate(1.5625rem, 0); transform: translate(1.5625rem, 0); }
.scrollAllList.allFadeRight > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeLeft > * { -webkit-transform: translate(-1.5625rem, 0); -ms-transform: translate(-1.5625rem, 0); transform: translate(-1.5625rem, 0); }
.scrollAllList.allFadeLeft > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeRight100 > * { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
.scrollAllList.allFadeRight100 > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeLeft100 > * { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.scrollAllList.allFadeLeft100 > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allScaleDown > * { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.scrollAllList.allScaleDown > *.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }