@charset "UTF-8";
/* ==========================================================================
Reset
========================================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ==========================================================================
Rules
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
breakPoint
========================================================================== */
/* ==========================================================================
_wapSettings
========================================================================== */
/* ==========================================================================
_widthSettings
========================================================================== */
/* ==========================================================================
_heightSettings
========================================================================== */
/* ==========================================================================
_positionSettings
========================================================================== */
/* ==========================================================================
borderRadius
========================================================================== */
/* ==========================================================================
_marginSettings
========================================================================== */
/* ==========================================================================
_paddingSettings
========================================================================== */
/* ==========================================================================
fonts
========================================================================== */
/* ==========================================================================
_lineHeight
========================================================================== */
/* ==========================================================================
_letterspace
========================================================================== */
/* ==========================================================================
ボタンタイプ
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
#page_top {
  animation: cloak-in 0.75s;
}

body {
  -webkit-font-smoothing: antialiased;
}

body img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  body img {
    width: 100%;
  }
}

ul,
li,
dd,
dt,
dh {
  list-style: none;
}

svg {
  display: block;
}

.tj {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  display: block;
  font-size: 0.1em;
}

.wapper {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .wapper {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  .wapper {
    width: 100%;
  }
}

.pc_only {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp_only {
    display: block;
  }
}

.pc_order_0 {
  order: 0;
}
@media screen and (max-width: 767px) {
  .pc_order_0 {
    order: unset;
  }
}

.fw_0 {
  font-weight: 0;
}

.pc_order_1 {
  order: 1;
}
@media screen and (max-width: 767px) {
  .pc_order_1 {
    order: unset;
  }
}

.fw_100 {
  font-weight: 100;
}

.pc_order_2 {
  order: 2;
}
@media screen and (max-width: 767px) {
  .pc_order_2 {
    order: unset;
  }
}

.fw_200 {
  font-weight: 200;
}

.pc_order_3 {
  order: 3;
}
@media screen and (max-width: 767px) {
  .pc_order_3 {
    order: unset;
  }
}

.fw_300 {
  font-weight: 300;
}

.pc_order_4 {
  order: 4;
}
@media screen and (max-width: 767px) {
  .pc_order_4 {
    order: unset;
  }
}

.fw_400 {
  font-weight: 400;
}

.pc_order_5 {
  order: 5;
}
@media screen and (max-width: 767px) {
  .pc_order_5 {
    order: unset;
  }
}

.fw_500 {
  font-weight: 500;
}

.pc_order_6 {
  order: 6;
}
@media screen and (max-width: 767px) {
  .pc_order_6 {
    order: unset;
  }
}

.fw_600 {
  font-weight: 600;
}

.pc_order_7 {
  order: 7;
}
@media screen and (max-width: 767px) {
  .pc_order_7 {
    order: unset;
  }
}

.fw_700 {
  font-weight: 700;
}

.pc_order_8 {
  order: 8;
}
@media screen and (max-width: 767px) {
  .pc_order_8 {
    order: unset;
  }
}

.fw_800 {
  font-weight: 800;
}

.pc_order_9 {
  order: 9;
}
@media screen and (max-width: 767px) {
  .pc_order_9 {
    order: unset;
  }
}

.fw_900 {
  font-weight: 900;
}

.pc_order_10 {
  order: 10;
}
@media screen and (max-width: 767px) {
  .pc_order_10 {
    order: unset;
  }
}

.fw_1000 {
  font-weight: 1000;
}

.pc_order_11 {
  order: 11;
}
@media screen and (max-width: 767px) {
  .pc_order_11 {
    order: unset;
  }
}

.fw_1100 {
  font-weight: 1100;
}

.pc_order_12 {
  order: 12;
}
@media screen and (max-width: 767px) {
  .pc_order_12 {
    order: unset;
  }
}

.fw_1200 {
  font-weight: 1200;
}

.ovhidden {
  overflow: hidden;
}

a {
  transition-duration: 0.5s;
}
a:hover {
  opacity: 0.6;
}

.c_pointer {
  cursor: pointer;
}

.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

/* ==========================================================================
justify-content
========================================================================== */
.j_between {
  justify-content: space-between;
}

.j_start {
  justify-content: flex-start;
}

.j_end {
  justify-content: flex-end;
}

.j_center {
  justify-content: center;
}

.j_around {
  justify-content: space-around;
}

.j_baseline {
  justify-content: space-baseline;
}

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

/* ==========================================================================
align-items
========================================================================== */
.ali_baseline {
  align-items: baseline;
}

.ali_center {
  align-items: center;
}

.ali_end {
  align-items: flex-end;
}

.ali_start {
  align-items: flex-start;
}

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

/* ==========================================================================
align-content
========================================================================== */
.alc_center {
  align-content: center;
}

.alc_end {
  align-content: flex-end;
}

.alc_around {
  align-content: space-around;
}

.alc_between {
  align-content: space-between;
}

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

/* ==========================================================================
row
========================================================================== */
.row {
  flex-flow: row wrap;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Library
========================================================================== */
body {
  font-family: "Shippori Mincho", serif;
  color: #1B364E;
}
body img {
  max-width: 100%;
  height: auto;
  display: block;
}

body input,
body textarea,
body button {
  font-family: "Shippori Mincho", serif;
}

.lexend {
  font-family: "Lexend", sans-serif;
}

.t_left {
  text-align: left;
}

.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.text_justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

.tj {
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  display: block;
  font-size: 0.1em;
}

.undernone {
  text-decoration: none;
}

.goshic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.test {
  letter-spacing: 0.06em;
  text-indent: -0.06em;
  font-size: 12px;
}
@media screen and (max-width: 1279px) {
  .test {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .test {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.fv {
  position: sticky;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .fv {
    position: relative;
  }
}

.bgFv {
  height: 49.8vw;
  background: url(./../img/bgFvPc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgFv {
    height: 209vw;
    background: url(./../img/bgFvSp.jpg) no-repeat top center;
    background-size: cover;
  }
}

.bgFvOsaka {
  height: 49.8vw;
  background: url(./../img/bgFvOsakaPc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgFvOsaka {
    height: 209vw;
    background: url(./../img/bgFvOsakaSp.jpg) no-repeat top center;
    background-size: cover;
  }
}

.bgFvGroup {
  height: 49.8vw;
  background: url(./../img/bgFvGroupPc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bgFvGroup {
    height: 209vw;
    background: url(./../img/bgFvGroupSp.jpg) no-repeat top center;
    background-size: cover;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.mainIndexinner {
  position: relative;
  z-index: 1;
}

.mainIndexinner::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
}

.fvTitle {
  position: relative;
}
@media screen and (max-width: 767px) {
  .fvTitle {
    width: 341px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .fvTitle {
    width: 90.93%;
  }
}

.fvTitleWap {
  position: relative;
}

.bgFvTitle {
  position: absolute;
  aspect-ratio: 1240/82;
  width: 1240px;
  margin: auto;
  bottom: 100%;
  left: 0;
  right: 0;
  border-radius: 20px 20px 0px 0px;
}
@media screen and (max-width: 1279px) {
  .bgFvTitle {
    width: 96.87%;
  }
}
@media screen and (max-width: 767px) {
  .bgFvTitle {
    width: 98.33%;
    aspect-ratio: 335/40;
    border-radius: 10px 10px 0px 0px;
  }
}

.spanFvTitle01 {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  overflow: hidden;
  transform: translateX(-100%);
}
@media screen and (max-width: 767px) {
  .spanFvTitle01 {
    width: 10px;
    height: 10px;
  }
}

.spanFvTitle01::before {
  display: block;
  width: 200%;
  height: 200%;
  content: "";
  background: transparent;
  border-radius: 44%;
  box-shadow: 20px 20px 0 0 white;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .spanFvTitle01::before {
    box-shadow: 10px 10px 0 0 white;
  }
}

.spanFvTitle02 {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  transform: translateX(100%);
}
@media screen and (max-width: 767px) {
  .spanFvTitle02 {
    width: 10px;
    height: 10px;
  }
}

.spanFvTitle02::before {
  display: block;
  width: 200%;
  height: 200%;
  content: "";
  background: transparent;
  border-radius: 44%;
  box-shadow: 0px 20px 20px 20px white;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 767px) {
  .spanFvTitle02::before {
    box-shadow: 0px 10px 10px 10px white;
  }
}

.brdfvTitleWap {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 60%;
  width: 1px;
  height: 60px;
}
@media screen and (max-width: 767px) {
  .brdfvTitleWap {
    bottom: 50%;
    height: 10.6666666667vw;
  }
}

.brdfvTitle {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #4E7CA2;
  animation: pathmove 1.4s ease-in infinite;
  opacity: 0;
}

@keyframes pathmove {
  0% {
    top: 0;
  }
  100% {
    opacity: 1;
    top: 0%;
  }
}
.fvTitlelxn {
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .fvTitlelxn {
    padding: 0.07% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .fvTitlelxn {
    padding: 9.1% 0% 0% 0%;
  }
}

.h1FvTitlelxn {
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h1FvTitlelxn {
    font-size: 2.1892103206vw;
  }
}
@media screen and (max-width: 767px) {
  .h1FvTitlelxn {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    font-feature-settings: "palt";
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1FvTitlelxn {
    font-size: 5.3333333333vw;
  }
}

.txtFvTitlelxn {
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtFvTitlelxn {
    margin-top: 1.25%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtFvTitlelxn {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFvTitlelxn {
    margin-top: 2.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFvTitlelxn {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexMainTopWap {
  margin-top: 116px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .indexMainTopWap {
    margin-top: 6.04%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexMainTopWap {
    margin-top: 16.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.indexMainTop {
  width: 1240px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .indexMainTop {
    width: 96.87%;
  }
}
@media screen and (max-width: 767px) {
  .indexMainTop {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .indexMainTop {
    width: 89.33%;
  }
}

.sidebarIndexMainTop {
  width: 217px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .sidebarIndexMainTop {
    width: 17.5%;
  }
}
@media screen and (max-width: 767px) {
  .sidebarIndexMainTop {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .sidebarIndexMainTop {
    width: 100%;
  }
}

.cntIndexMainTop {
  border-right: 1px solid #D0D0D0;
  width: 1022px;
}
@media screen and (max-width: 1279px) {
  .cntIndexMainTop {
    width: 82.41%;
  }
}
@media screen and (max-width: 767px) {
  .cntIndexMainTop {
    border-right: none;
    width: 335px;
    margin-top: 21.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .cntIndexMainTop {
    width: 100%;
  }
}

.sidebar {
  position: sticky;
  top: 0;
  right: 0;
  padding-top: 80px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .sidebar {
    padding: 36.86% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .sidebar {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .sidebar {
    padding: 0% 0% 0% 0%;
  }
}

.secSidebar {
  width: 193px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1279px) {
  .secSidebar {
    width: 88.94%;
  }
}
@media screen and (max-width: 767px) {
  .secSidebar {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secSidebar {
    width: 100%;
  }
}

.mainGroup .secSidebar {
  padding-top: 0px;
  padding-bottom: 135px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .mainGroup .secSidebar {
    padding: 0% 0% 62.21% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainGroup .secSidebar {
    padding: 0;
  }
}

.h2Sidebar {
  height: 73px;
  border-bottom: 1px solid #D0D0D0;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}
@media screen and (max-width: 1279px) {
  .h2Sidebar {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2Sidebar {
    height: 5.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Sidebar {
    height: auto;
    line-height: normal;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    padding: 0% 0% 7.6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Sidebar {
    font-size: 4.2666666667vw;
  }
}

.ulSidebar {
  margin-top: 13px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulSidebar {
    margin: 6.7% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulSidebar {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 4.8% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .liSidebar {
    width: 50%;
    flex-flow: row wrap;
  }
}

.btnSidebar {
  height: 46px;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
}
@media screen and (max-width: 1279px) {
  .btnSidebar {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 1279px) {
  .btnSidebar {
    height: 3.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .btnSidebar {
    line-height: normal;
    letter-spacing: 0.01em;
    text-indent: -0.01em;
    height: 9.6vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnSidebar {
    font-size: 3.2vw;
  }
}
.btnSidebar:hover {
  opacity: 1;
  color: #476DB6;
}

.icnBtnSidebar {
  width: 100%;
  background: url(./../img/icnBtnSidebar.svg) no-repeat 100% center;
  background-size: auto 14px;
}
@media screen and (max-width: 767px) {
  .icnBtnSidebar {
    background: url(./../img/icnBtnSidebar.svg) no-repeat 97% center;
    background-size: auto 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.h2Aim {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2Aim {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2Aim {
    padding: 0% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2Aim {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    border-bottom: 1px solid #EFEFEF;
    padding: 0% 0% 7.6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Aim {
    font-size: 4.8vw;
  }
}

.aimFx {
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 982px;
}
@media screen and (max-width: 1279px) {
  .aimFx {
    margin: 3.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .aimFx {
    width: 96.08%;
  }
}
@media screen and (max-width: 767px) {
  .aimFx {
    margin: 7.95% 0% 0% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .aimFx {
    width: 100%;
  }
}

.txtAim {
  width: 530px;
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtAim {
    width: 53.97%;
  }
}
@media screen and (max-width: 1279px) {
  .txtAim {
    font-size: 1.1727912432vw;
  }
}
.txtAim::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtAim::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtAim {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 335px;
    line-height: 1.7142857143;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtAim {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtAim {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtAim {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtAim::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .txtAim::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}

.photoAim {
  width: 412px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .photoAim {
    width: 41.95%;
  }
}
@media screen and (max-width: 1279px) {
  .photoAim {
    margin: 0.3% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoAim {
    width: 335px;
    margin: 8.8% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoAim {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.about {
  margin-top: 139px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .about {
    margin: 13.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .about {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .about {
    margin: 27.4% 0% 0% 0%;
  }
}

.h2About {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2About {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2About {
    padding: 0% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2About {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    border-bottom: 1px solid #EFEFEF;
    padding: 0% 0% 7.4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2About {
    font-size: 4.8vw;
  }
}

.aboutFx {
  width: 982px;
}
@media screen and (max-width: 1279px) {
  .aboutFx {
    width: 96.08%;
  }
}
@media screen and (max-width: 767px) {
  .aboutFx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .aboutFx {
    width: 100%;
  }
}

.aboutFx01 {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .aboutFx01 {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .aboutFx01 {
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .aboutFx01 {
    margin: 8.95% 0% 0% 0%;
  }
}

.aboutFx02 {
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .aboutFx02 {
    margin: 6.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .aboutFx02 {
    margin: 13.4% 0% 0% 0%;
  }
}

.photoAboutFxWap {
  width: 279px;
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .photoAboutFxWap {
    width: 28.41%;
  }
}
@media screen and (max-width: 1279px) {
  .photoAboutFxWap {
    margin: 0.81% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoAboutFxWap {
    width: 195px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoAboutFxWap {
    width: 58.2%;
  }
}

.photoAboutFxWap figure {
  position: relative;
}

.photoAboutFxWap .iconMainAboutFx {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 17px;
}
@media screen and (max-width: 1279px) {
  .photoAboutFxWap .iconMainAboutFx {
    width: 6.07%;
  }
}
@media screen and (max-width: 767px) {
  .photoAboutFxWap .iconMainAboutFx {
    width: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoAboutFxWap .iconMainAboutFx {
    width: 7.69%;
  }
}
.photoAboutFxWap .iconMainAboutFx .st0 {
  fill: #4E7CA2;
  transition-duration: 0.5s;
}
.photoAboutFxWap .iconMainAboutFx .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  transition-duration: 0.5s;
}

.photoAboutFxWap:hover .iconMainAboutFx .st0 {
  fill: #1B364E;
}
.photoAboutFxWap:hover .iconMainAboutFx .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}

.photoAboutFxWap img {
  transition-duration: 0.5s;
}

.photoAboutFxWap:hover img {
  opacity: 0.6;
}

.txtPhotoAboutFx {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtPhotoAboutFx {
    margin: 2.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtPhotoAboutFx {
    font-size: 0.8600469116vw;
  }
}
@media screen and (max-width: 767px) {
  .txtPhotoAboutFx {
    margin: 3.5% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtPhotoAboutFx {
    font-size: 2.6666666667vw;
  }
}

.mainAboutFx {
  width: 672px;
}
@media screen and (max-width: 1279px) {
  .mainAboutFx {
    width: 68.43%;
  }
}
@media screen and (max-width: 767px) {
  .mainAboutFx {
    margin: 5.95% 0% 0% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainAboutFx {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .mainAboutFxlast {
    margin: 7% 0% 0% 0%;
  }
}

.h3MainAboutFx {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h3MainAboutFx {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3MainAboutFx {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3MainAboutFx {
    font-size: 4vw;
  }
}

.h4MainAboutFx {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h4MainAboutFx {
    margin: 1.19% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4MainAboutFx {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .h4MainAboutFx {
    margin: 3% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4MainAboutFx {
    font-size: 3.2vw;
  }
}

.txtMainAboutFx {
  margin-top: 33px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtMainAboutFx {
    margin: 4.91% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtMainAboutFx {
    font-size: 1.1727912432vw;
  }
}
.txtMainAboutFx::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtMainAboutFx::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtMainAboutFx {
    margin: 7.6% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMainAboutFx {
    font-size: 3.4666666667vw;
  }
}

.ulMainAboutFx {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulMainAboutFx {
    margin: 8.77% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulMainAboutFx {
    margin: 6.1% 0% 0% 0%;
  }
}

.liMainAboutFx {
  width: 156px;
}
@media screen and (max-width: 1279px) {
  .liMainAboutFx {
    width: 23.21%;
  }
}
@media screen and (max-width: 767px) {
  .liMainAboutFx {
    width: 158px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liMainAboutFx {
    width: 47.16%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liMainAboutFx {
    margin: 2.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMainAboutFx:nth-child(n+3) {
    margin: 1.3% 0% 0% 0%;
  }
}

.photosMainAboutFx {
  position: relative;
}

.iconMainAboutFx04 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 17px;
}
@media screen and (max-width: 1279px) {
  .iconMainAboutFx04 {
    width: 10.89%;
  }
}
@media screen and (max-width: 767px) {
  .iconMainAboutFx04 {
    width: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconMainAboutFx04 {
    width: 9.49%;
  }
}
.iconMainAboutFx04 .st0 {
  fill: #4E7CA2;
  transition-duration: 0.5s;
}
.iconMainAboutFx04 .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  transition-duration: 0.5s;
}

.photosMainAboutFx:hover .iconMainAboutFx04 .st0 {
  fill: #1B364E;
}
.photosMainAboutFx:hover .iconMainAboutFx04 .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}

.photosMainAboutFx img {
  transition-duration: 0.5s;
}
.photosMainAboutFx:hover img {
  opacity: 0.6;
}

.rubyMainAboutFx {
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 11px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .rubyMainAboutFx {
    margin: 3.84% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .rubyMainAboutFx {
    font-size: 0.8600469116vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyMainAboutFx {
    margin: 4.9% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyMainAboutFx {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.features {
  margin-top: 140px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .features {
    margin: 13.69% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .features {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .features {
    margin: 27.5% 0% 0% 0%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .features {
    padding: 0% 0% 0% 0%;
  }
}

.h2Features {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2Features {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2Features {
    padding: 0% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2Features {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    border-bottom: 1px solid #EFEFEF;
    padding: 0% 0% 7.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Features {
    font-size: 4.8vw;
  }
}

.featuresFx {
  width: 980px;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .featuresFx {
    width: 95.89%;
  }
}
@media screen and (max-width: 1279px) {
  .featuresFx {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .featuresFx {
    margin: 7.1% 0% 0% 0%;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .featuresFx {
    width: 100%;
  }
}

.detailFeatures {
  width: 473px;
}
@media screen and (max-width: 1279px) {
  .detailFeatures {
    width: 48.16%;
  }
}
@media screen and (max-width: 767px) {
  .detailFeatures {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .detailFeatures {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .detailFeatures02 {
    margin: 13.2% 0% 0% 0%;
  }
}

.h3DetailFeatures {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h3DetailFeatures {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailFeatures {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailFeatures {
    font-size: 4vw;
  }
}

.photoFeaturesFxWap {
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .photoFeaturesFxWap {
    margin: 6.75% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .photoFeaturesFxWap {
    margin: 3.97% 0% 0% 0%;
  }
}

.txtDetailFeatures {
  width: 217px;
  font-size: 15px;
  line-height: 1.4666666667;
  letter-spacing: 0.01em;
  text-indent: -0.01em;
}
@media screen and (max-width: 1279px) {
  .txtDetailFeatures {
    width: 45.78%;
  }
}
@media screen and (max-width: 1279px) {
  .txtDetailFeatures {
    font-size: 1.1727912432vw;
  }
}
.txtDetailFeatures::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.4666666667) * 0.5em);
  content: "";
}
.txtDetailFeatures::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.4666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtDetailFeatures {
    width: 47%;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailFeatures {
    width: 335px;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtDetailFeatures {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailFeatures {
    font-size: 3.4666666667vw;
  }
}

.mainPhotoFeaturesFx01 {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 237px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .mainPhotoFeaturesFx01 {
    margin: 0.42% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .mainPhotoFeaturesFx01 {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .mainPhotoFeaturesFx01 {
    margin: 5.5% 0% 0% 0%;
    width: 195px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .mainPhotoFeaturesFx01 {
    width: 58.2%;
  }
}

.iconPhotoFeaturesFx {
  width: 17px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1279px) {
  .iconPhotoFeaturesFx {
    width: 7.17%;
  }
}
@media screen and (max-width: 767px) {
  .iconPhotoFeaturesFx {
    width: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .iconPhotoFeaturesFx {
    width: 7.69%;
  }
}
.iconPhotoFeaturesFx .st0 {
  fill: #4E7CA2;
  transition-duration: 0.5s;
}
.iconPhotoFeaturesFx .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  transition-duration: 0.5s;
}

.mainPhotoFeaturesFx01 img {
  transition-duration: 0.5s;
}
.mainPhotoFeaturesFx01:hover img {
  opacity: 0.6;
}
.mainPhotoFeaturesFx01:hover .st0 {
  fill: #1B364E;
}
.mainPhotoFeaturesFx01:hover .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.merit {
  margin-top: 121px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .merit {
    margin: 11.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .merit {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .merit {
    margin: 27.7% 0% 0% 0%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .merit {
    padding: 0% 0% 0% 0%;
  }
}

.h2Merit {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2Merit {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2Merit {
    padding: 0% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2Merit {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    border-bottom: 1px solid #EFEFEF;
    padding: 0% 0% 7.4% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Merit {
    font-size: 4.8vw;
  }
}

.h3Merit {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h3Merit {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h3Merit {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3Merit {
    margin: 7.1% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3Merit {
    font-size: 4vw;
  }
}

.txtTopMerit {
  width: 982px;
  margin-top: 32px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtTopMerit {
    width: 96.08%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopMerit {
    margin: 3.13% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopMerit {
    font-size: 1.1727912432vw;
  }
}
.txtTopMerit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.3333333333) * 0.5em);
  content: "";
}
.txtTopMerit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.3333333333) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopMerit {
    width: 335px;
    margin: 3.8% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopMerit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopMerit {
    font-size: 3.4666666667vw;
  }
}

.meritDetail {
  width: 982px;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 45px;
  padding-bottom: 44px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .meritDetail {
    width: 96.08%;
  }
}
@media screen and (max-width: 1279px) {
  .meritDetail {
    margin: 2.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .meritDetail {
    padding: 4.4% 0% 4.3% 0%;
  }
}
@media screen and (max-width: 767px) {
  .meritDetail {
    width: 335px;
    margin: 5.4% 0% 0% 0%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .meritDetail {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .meritDetail {
    padding: 4.47% 0% 4.47% 0%;
  }
}

.meritDetailWap {
  width: 892px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .meritDetailWap {
    width: 90.83%;
  }
}
@media screen and (max-width: 767px) {
  .meritDetailWap {
    width: 305px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .meritDetailWap {
    width: 91.04%;
  }
}

.liMeritDetail {
  aspect-ratio: 280/307;
  border-radius: 6px;
  border: 1px solid #EFEFEF;
  background: #FFF;
  width: 280px;
  padding-top: 21px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liMeritDetail {
    width: 31.39%;
  }
}
@media screen and (max-width: 1279px) {
  .liMeritDetail {
    padding: 2.35% 0% 3.92% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMeritDetail {
    padding: 4.2% 0% 5.2% 0%;
    width: 305px;
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liMeritDetail {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liMeritDetail:nth-child(n+2) {
    margin: 4.8% 0% 0% 0%;
  }
}
.liMeritDetail:nth-child(n+4) {
  margin-top: 26px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liMeritDetail:nth-child(n+4) {
    margin: 9.28% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liMeritDetail:nth-child(n+4) {
    margin: 4.6% 0% 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .liMeritDetailFx {
    width: 89.64%;
    margin: auto;
  }
}

.iconMeritDetail {
  width: 95px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .iconMeritDetail {
    width: 33.92%;
  }
}
@media screen and (max-width: 767px) {
  .iconMeritDetail {
    margin: auto auto auto 1%;
    width: 15.92%;
  }
}

.secliMeritDetailFx {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .secliMeritDetailFx {
    width: 76%;
  }
}

.h4MeritDetail {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h4MeritDetail {
    margin: 5.35% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h4MeritDetail {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h4MeritDetail {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h4MeritDetail {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4MeritDetail {
    font-size: 4vw;
  }
}

.txtMeritDetail {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 210px;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtMeritDetail {
    margin-top: 6.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1279px) {
  .txtMeritDetail {
    width: 75%;
  }
}
@media screen and (max-width: 1279px) {
  .txtMeritDetail {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtMeritDetail {
    width: 100%;
    margin: 4.85% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtMeritDetail {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.demerit {
  margin-top: 63px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .demerit {
    margin: 6.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .demerit {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .demerit {
    margin: 10% 0% 0% 0%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .demerit {
    padding: 0% 0% 0% 0%;
  }
}

.h3DeMerit {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h3DeMerit {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3DeMerit {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DeMerit {
    font-size: 4vw;
  }
}

.txtTopDeMerit {
  width: 982px;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtTopDeMerit {
    width: 96.08%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopDeMerit {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopDeMerit {
    font-size: 1.1727912432vw;
  }
}
.txtTopDeMerit::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtTopDeMerit::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopDeMerit {
    width: 335px;
    margin: 4.2% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopDeMerit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopDeMerit {
    font-size: 3.4666666667vw;
  }
}

.demeritDetail {
  width: 982px;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .demeritDetail {
    width: 96.08%;
  }
}
@media screen and (max-width: 1279px) {
  .demeritDetail {
    margin: 2.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .demeritDetail {
    padding: 4.4% 0% 4.4% 0%;
  }
}
@media screen and (max-width: 767px) {
  .demeritDetail {
    width: 335px;
    margin: 6.1% 0% 0% 0%;
    padding: 4.55% 0% 4.55% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .demeritDetail {
    width: 100%;
  }
}

.demeritDetailWap {
  width: 892px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .demeritDetailWap {
    width: 90.83%;
  }
}
@media screen and (max-width: 767px) {
  .demeritDetailWap {
    width: 305px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .demeritDetailWap {
    width: 91.04%;
  }
}

.liDeMeritDetail {
  padding-top: 31px;
  padding-bottom: 36px;
  padding-left: 0px;
  padding-right: 0px;
  width: 433px;
  border-radius: 6px;
  border: 1px solid #EFEFEF;
  background: #FFF;
}
@media screen and (max-width: 1279px) {
  .liDeMeritDetail {
    padding: 3.47% 0% 4.03% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .liDeMeritDetail {
    width: 48.54%;
  }
}
@media screen and (max-width: 767px) {
  .liDeMeritDetail {
    border-radius: 6px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    padding: 4.4% 0% 4.8% 0%;
    width: 305px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .liDeMeritDetail {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liDeMeritDetail:nth-child(n+2) {
    margin: 4.91% 0% 0% 0%;
  }
}

.liDeMeritDetailLxn {
  width: 363px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  .liDeMeritDetailLxn {
    width: 83.83%;
  }
}
@media screen and (max-width: 767px) {
  .liDeMeritDetailLxn {
    width: 87.5%;
  }
}

.h4DeMeritDetail {
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h4DeMeritDetail {
    font-size: 1.250977326vw;
  }
}
@media screen and (max-width: 767px) {
  .h4DeMeritDetail {
    text-align: left;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4DeMeritDetail {
    font-size: 4vw;
  }
}

.txtDeMeritDetail {
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtDeMeritDetail {
    margin: 4.13% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtDeMeritDetail {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDeMeritDetail {
    margin: 4.4% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDeMeritDetail {
    font-size: 3.4666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.conventional {
  margin-top: 129px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .conventional {
    margin: 12.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .conventional {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .conventional {
    margin: 27.4% 0% 0% 0%;
  }
}

.h2Conventional {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2Conventional {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2Conventional {
    padding: 0% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2Conventional {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    border-bottom: 1px solid #EFEFEF;
    padding: 0% 0% 7.5% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Conventional {
    font-size: 4.8vw;
  }
}

.h3Conventional {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h3Conventional {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h3Conventional {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h3Conventional {
    margin: 7.1% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3Conventional {
    font-size: 4vw;
  }
}

.txtTopConventional {
  width: 982px;
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtTopConventional {
    width: 96.08%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopConventional {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopConventional {
    font-size: 1.1727912432vw;
  }
}
.txtTopConventional::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtTopConventional::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopConventional {
    width: 335px;
    margin: 4.3% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopConventional {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopConventional {
    font-size: 3.4666666667vw;
  }
}

.h3Conventional02 {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h3Conventional02 {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h3Conventional02 {
    margin: 10.4% 0% 0% 0%;
  }
}

.txtTopConventional02 {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtTopConventional02 {
    margin: 3.03% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtTopConventional02 {
    margin: 4.1% 0% 0% 0%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.robot {
  margin-top: 139px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .robot {
    margin: 13.6% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .robot {
    padding: 0% 0% 14.67% 0%;
  }
}
@media screen and (max-width: 767px) {
  .robot {
    padding: 0% 0% 0% 0%;
    margin: 27.6% 0% 0% 0%;
  }
}

.h2Robot {
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .h2Robot {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 1279px) {
  .h2Robot {
    padding: 0% 0% 2.25% 0%;
  }
}
@media screen and (max-width: 767px) {
  .h2Robot {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    border-bottom: 1px solid #EFEFEF;
    padding: 0% 0% 7.6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Robot {
    font-size: 4.8vw;
  }
}

.txtTopRobot {
  width: 982px;
  margin-top: 36px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtTopRobot {
    width: 96.08%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopRobot {
    margin: 3.52% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .txtTopRobot {
    font-size: 1.1727912432vw;
  }
}
.txtTopRobot::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtTopRobot::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 767px) {
  .txtTopRobot {
    width: 335px;
    margin: 8.4% 0% 0% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .txtTopRobot {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopRobot {
    font-size: 3.4666666667vw;
  }
}

.robotTabeWap {
  overflow-x: auto;
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 982px;
}
@media screen and (max-width: 1279px) {
  .robotTabeWap {
    margin: 2.83% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .robotTabeWap {
    width: 96.08%;
  }
}
@media screen and (max-width: 767px) {
  .robotTabeWap {
    width: 335px;
    margin: 8.95% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .robotTabeWap {
    width: 100%;
  }
}

.tableRobot {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tableRobot {
    width: 158.6666666667vw;
  }
  .tableRobot img {
    max-width: 595px;
  }
}
.tableRobot td,
.tableRobot th {
  border: 1px solid #D0D0D0;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 14px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .tableRobot td,
  .tableRobot th {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 1279px) {
  .tableRobot td,
  .tableRobot th {
    padding: 1.36% 0% 1.46% 0%;
  }
}
@media screen and (max-width: 767px) {
  .tableRobot td,
  .tableRobot th {
    line-height: 1.9230769231;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 1.8% 0% 1.91% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tableRobot td,
  .tableRobot th {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .tableRobot td::before,
  .tableRobot th::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.9230769231) * 0.5em);
    content: "";
  }
  .tableRobot td::after,
  .tableRobot th::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.9230769231) * 0.5em);
    content: "";
  }
}

.thRobot01 {
  width: 245px;
}
@media screen and (max-width: 1279px) {
  .thRobot01 {
    width: 24.94%;
  }
}
@media screen and (max-width: 767px) {
  .thRobot01 {
    width: 12.8%;
  }
}

.thRobot02 {
  width: 244px;
}
@media screen and (max-width: 1279px) {
  .thRobot02 {
    width: 24.84%;
  }
}
@media screen and (max-width: 767px) {
  .thRobot02 {
    width: 110px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thRobot02 {
    width: 18.48%;
  }
}

.thRobot03 {
  width: 244px;
}
@media screen and (max-width: 1279px) {
  .thRobot03 {
    width: 24.84%;
  }
}
@media screen and (max-width: 767px) {
  .thRobot03 {
    width: 110px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thRobot03 {
    width: 18.48%;
  }
}

.thRobot04 {
  width: 244px;
}
@media screen and (max-width: 1279px) {
  .thRobot04 {
    width: 24.84%;
  }
}
@media screen and (max-width: 767px) {
  .thRobot04 {
    width: 110px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .thRobot04 {
    width: 18.48%;
  }
}

.txtScroll {
  margin: 4.4% 0% 0% 0%;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .txtScroll {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.compatibleWap {
  padding-top: 71px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .compatibleWap {
    padding-top: 5.54%;
    padding-bottom: 0%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .compatibleWap {
    padding: 0;
    margin: 39.8% 0% 0% 0%;
  }
}

.compatibleLxn {
  width: 1240px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .compatibleLxn {
    width: 96.87%;
  }
}
@media screen and (max-width: 1279px) {
  .compatibleLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .compatibleLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .compatibleLxn {
    width: 89.33%;
  }
}

.secCompatible {
  width: 100%;
}

.h2Compatible {
  border-bottom: 1px solid #D0D0D0;
  padding-top: 0px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h2Compatible {
    padding: 0% 0% 1.85% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .h2Compatible {
    font-size: 1.8764659891vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Compatible {
    padding: 0% 0% 7.5% 0%;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Compatible {
    font-size: 4.8vw;
  }
}

.txtTopCompatible {
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 37px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtTopCompatible {
    font-size: 1.1727912432vw;
  }
}
.txtTopCompatible::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtTopCompatible::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtTopCompatible {
    margin: 2.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtTopCompatible {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 8.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopCompatible {
    font-size: 3.4666666667vw;
  }
}

.btnCompatibleWap {
  width: 240px;
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .btnCompatibleWap {
    width: 19.35%;
  }
}
@media screen and (max-width: 1279px) {
  .btnCompatibleWap {
    margin: 3.14% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnCompatibleWap {
    width: 100%;
    margin: 6.1% 0% 0% 0%;
  }
}

.btnCompatible {
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-right: 7px;
}
@media screen and (max-width: 1279px) {
  .btnCompatible {
    padding: 1.37% 0.56% 1.37% 1.61%;
  }
}
@media screen and (max-width: 1279px) {
  .btnCompatible {
    padding: 5% 10% 5% 5%;
  }
}
@media screen and (max-width: 767px) {
  .btnCompatible {
    padding: 4% 5% 4.37% 5.5%;
  }
}
.btnCompatible:hover {
  opacity: 1;
  border: 1px solid #476DB6;
}
.btnCompatible:hover .txtBtnCompatible {
  color: #476DB6;
}
.btnCompatible:hover .iconBtnCompatibl svg path {
  fill: var(--476DB6, #476DB6);
}

.txtBtnCompatible {
  display: block;
  height: 100%;
  font-size: 15px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtBtnCompatible {
    font-size: 1.1727912432vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnCompatible {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnCompatible {
    font-size: 3.7333333333vw;
  }
}

.iconBtnCompatibl {
  width: 20px;
}
@media screen and (max-width: 1279px) {
  .iconBtnCompatibl {
    width: 8.33%;
  }
}
@media screen and (max-width: 767px) {
  .iconBtnCompatibl {
    width: 20px;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.subjectWap {
  padding-top: 40px;
  padding-bottom: 121px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .subjectWap {
    padding: 3.12% 0% 9.45% 0%;
  }
}
@media screen and (max-width: 767px) {
  .subjectWap {
    padding: 13.33% 0% 18.7% 0%;
  }
}

.subjectLxn {
  width: 1240px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .subjectLxn {
    width: 96.87%;
  }
}
@media screen and (max-width: 1279px) {
  .subjectLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .subjectLxn {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .subjectLxn {
    width: 89.33%;
  }
}

.secsubject {
  width: 100%;
}

.h2subject {
  aspect-ratio: 1240/65;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h2subject {
    padding: 0% 1.61% 0% 1.61%;
  }
}
@media screen and (max-width: 1279px) {
  .h2subject {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2subject {
    aspect-ratio: 335/55;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .h2subject {
    padding: 0% 5.97% 0% 5.97%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2subject {
    font-size: 4.2666666667vw;
  }
}

.txtTopsubject {
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 27px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtTopsubject {
    font-size: 1.1727912432vw;
  }
}
.txtTopsubject::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtTopsubject::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtTopsubject {
    margin: 2.17% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtTopsubject {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 8.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTopsubject {
    font-size: 3.4666666667vw;
  }
}

.btnSubjectWap {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .btnSubjectWap {
    margin: 2.33% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnSubjectWap {
    width: 255px;
    margin: 9.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnSubjectWap {
    width: 76.11%;
  }
}

.btnSubject {
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-right: 7px;
}
@media screen and (max-width: 1279px) {
  .btnSubject {
    padding: 1.37% 0.56% 1.37% 1.61%;
  }
}
@media screen and (max-width: 1279px) {
  .btnSubject {
    padding: 5% 10% 5% 5%;
  }
}
@media screen and (max-width: 767px) {
  .btnSubject {
    padding: 5.1% 6.5% 5.7% 7%;
  }
}

.txtBtnSubject {
  display: block;
  height: 100%;
  font-size: 14px;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .txtBtnSubject {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 767px) {
  .txtBtnSubject {
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtBtnSubject {
    font-size: 3.7333333333vw;
  }
}

.detailCompatible {
  border-top: 1px solid #EFEFEF;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 24px;
  padding-bottom: 29px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .detailCompatible {
    margin: 2.41% 0% 0% 0%;
  }
}
@media screen and (max-width: 1279px) {
  .detailCompatible {
    padding: 1.93% 0% 2.33% 0%;
  }
}
@media screen and (max-width: 767px) {
  .detailCompatible {
    margin: 8.95% 0% 0% 0%;
    padding: 7.5% 0% 8.8% 0%;
  }
}

.h3DetailCompatible {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  padding-top: 0px;
  padding-bottom: 3px;
  padding-left: 27px;
  padding-right: 0px;
  background: url(./../img/h3DetailCompatible.svg) no-repeat left center;
  background-size: auto 60%;
}
@media screen and (max-width: 1279px) {
  .h3DetailCompatible {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 1279px) {
  .h3DetailCompatible {
    padding: 0% 0% 0.24% 2.17%;
  }
}
@media screen and (max-width: 767px) {
  .h3DetailCompatible {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    padding: 0% 0% 1% 7.97%;
    background: url(./../img/h3DetailCompatible.svg) no-repeat left center;
    background-size: auto 63%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailCompatible {
    font-size: 4.2666666667vw;
  }
}

.txtDetailCompatible {
  font-size: 15px;
  line-height: 1.6666666667;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 19px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtDetailCompatible {
    font-size: 1.1727912432vw;
  }
}
.txtDetailCompatible::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
.txtDetailCompatible::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.6666666667) * 0.5em);
  content: "";
}
@media screen and (max-width: 1279px) {
  .txtDetailCompatible {
    margin: 1.53% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailCompatible {
    line-height: 1.7142857143;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 3.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtDetailCompatible {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .txtDetailCompatible::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
  .txtDetailCompatible::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.7142857143) * 0.5em);
    content: "";
  }
}

.detailCompatible02 {
  border-top: 1px solid #EFEFEF;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .detailCompatible02 {
    margin: 0% 0% 0% 0%;
  }
}

.staffDetailCompatible {
  width: 100%;
  margin-top: 55px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .staffDetailCompatible {
    margin: 4.43% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .staffDetailCompatible {
    display: block;
    margin: 7.5% 0% 0% 0%;
  }
}

.liStaffDetailCompatible {
  width: 604px;
}
@media screen and (max-width: 1279px) {
  .liStaffDetailCompatible {
    width: 48.7%;
  }
}
@media screen and (max-width: 1279px) {
  .liStaffDetailCompatible {
    width: 49.7%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffDetailCompatible {
    width: 100%;
  }
}

.liStaffDetailCompatible:nth-child(n+3) {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .liStaffDetailCompatible:nth-child(n+3) {
    margin: 6.62% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffDetailCompatible:nth-child(n+3) {
    margin: 7.1% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liStaffDetailCompatible:nth-child(n+2) {
    margin: 7.1% 0% 0% 0%;
  }
}

.photoStaffDetailCompatible {
  width: 180px;
}
@media screen and (max-width: 1279px) {
  .photoStaffDetailCompatible {
    width: 29.8%;
  }
}
@media screen and (max-width: 767px) {
  .photoStaffDetailCompatible {
    width: 105px;
    margin: 1.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .photoStaffDetailCompatible {
    width: 31.34%;
  }
}

.secStaffDetailCompatible {
  width: 404px;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .secStaffDetailCompatible {
    width: 66.88%;
  }
}
@media screen and (max-width: 1279px) {
  .secStaffDetailCompatible {
    margin: 1.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secStaffDetailCompatible {
    width: 215px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secStaffDetailCompatible {
    width: 64.17%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secStaffDetailCompatible {
    margin: 0% 0% 0% 0%;
  }
}

.h4StaffDetailCompatible {
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h4StaffDetailCompatible {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h4StaffDetailCompatible {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4StaffDetailCompatible {
    font-size: 3.7333333333vw;
  }
}

.txtStaffDetailCompatible {
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtStaffDetailCompatible {
    font-size: 1.0946051603vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtStaffDetailCompatible {
    margin: 3.71% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtStaffDetailCompatible {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 4.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtStaffDetailCompatible {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.group {
  padding-top: 52px;
  padding-bottom: 60px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .group {
    padding: 2.7% 0% 3.12% 0%;
  }
}
@media screen and (max-width: 767px) {
  .group {
    padding: 13.9% 0% 16% 0%;
  }
}

.mainGroup + .group {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .mainGroup + .group {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .mainGroup + .group {
    margin: 13.9% 0% 16% 0%;
  }
}

.secGroup {
  position: relative;
  width: 1240px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .secGroup {
    width: 96.87%;
  }
}
@media screen and (max-width: 1279px) {
  .secGroup {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secGroup {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .secGroup {
    width: 89.33%;
  }
}

.btnToHome {
  z-index: 999;
  display: block;
  position: absolute;
  top: -22.7%;
  right: 0;
  width: 40px;
}
@media screen and (max-width: 1279px) {
  .btnToHome {
    width: 3.22%;
  }
}
@media screen and (max-width: 1279px) {
  .btnToHome {
    top: -15%;
  }
}
@media screen and (max-width: 767px) {
  .btnToHome {
    top: -7.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnToHome {
    width: 11.94%;
  }
}

.btnToHome .st0 {
  transition-duration: 0.5s;
  fill: #FFFFFF;
  stroke: #C5D3DF;
}
.btnToHome .st1 {
  transition-duration: 0.5s;
  fill: none;
  stroke: #4E7CA2;
  stroke-miterlimit: 10;
}
.btnToHome:hover {
  opacity: 1;
}
.btnToHome:hover .st0 {
  fill: #4E7CA2;
  stroke: #C5D3DF;
}
.btnToHome:hover .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}

.h2Group {
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h2Group {
    font-size: 1.5637216575vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Group {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Group {
    font-size: 4.5333333333vw;
  }
}

.ulGroup {
  width: 100%;
  margin-top: 44px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .ulGroup {
    margin: 3.54% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .ulGroup {
    margin: 10.5% 0% 0% 0%;
  }
}

.shadowliGroup {
  transition-duration: 0.5s;
  box-shadow: 0px 0px 10px 0px rgba(87, 113, 163, 0.2);
  border-radius: 8px;
  /* CSS3草案 */
  -webkit-border-radius: 8px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;
  /* Firefox用 */
  width: 232px;
  padding-top: 25px;
  padding-bottom: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .shadowliGroup {
    width: 18.7%;
  }
}
@media screen and (max-width: 1279px) {
  .shadowliGroup {
    padding: 2.01% 0% 1.85% 0%;
  }
}
@media screen and (max-width: 767px) {
  .shadowliGroup {
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    width: 100%;
    padding: 3.7% 0% 5.3% 0%;
  }
}
.shadowliGroup:hover {
  box-shadow: 0px 0px 10px 0px rgba(87, 113, 163, 0.4);
}

@media screen and (max-width: 767px) {
  .shadowliGroup:nth-child(n+2) {
    margin: 4.8% 0% 0% 0%;
  }
}

.btnliGroupLxn {
  width: 192px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .btnliGroupLxn {
    width: 82.75%;
  }
}
@media screen and (max-width: 1279px) {
  .btnliGroupLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnliGroupLxn {
    width: 295px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnliGroupLxn {
    width: 88.05%;
  }
}

.btnliGroup {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 43px;
}
@media screen and (max-width: 1279px) {
  .btnliGroup {
    min-height: 27px;
  }
}
@media screen and (max-width: 767px) {
  .btnliGroup {
    min-height: auto;
  }
}
.btnliGroup:hover {
  opacity: 1;
}
.btnliGroup:hover .h2LiGroupName {
  color: #476DB6;
}
.btnliGroup:hover .h3LiGroupName {
  color: #476DB6;
}
.btnliGroup:hover .secLiGroupName {
  background: url(./../img/secLiGroupNameHover.svg) no-repeat right center;
  background-size: auto 20px;
}

.secLiGroupName {
  transition-duration: 0.5s;
  width: 100%;
  background: url(./../img/secLiGroupName.svg) no-repeat right center;
  background-size: auto 20px;
}

.h2LiGroupName {
  transition-duration: 0.5s;
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h2LiGroupName {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .h2LiGroupName {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2LiGroupName {
    font-size: 2.6666666667vw;
  }
}

.h3LiGroupName {
  transition-duration: 0.5s;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .h3LiGroupName {
    font-size: 1.4073494918vw;
  }
}
@media screen and (max-width: 767px) {
  .h3LiGroupName {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3LiGroupName {
    font-size: 4.2666666667vw;
  }
}

.brdLiGroupName {
  width: 100%;
  height: 1px;
  background: #D0D0D0;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .brdLiGroupName {
    margin: 13.02% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .brdLiGroupName {
    margin: 5.1% 0% 0% 0%;
  }
}

.addressLiGroupName {
  transition-duration: 0.5s;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
  margin-top: 24px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .addressLiGroupName {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 1279px) {
  .addressLiGroupName {
    margin: 12.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .addressLiGroupName {
    line-height: normal;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
    margin: 4.9% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .addressLiGroupName {
    font-size: 3.4666666667vw;
  }
}
.addressLiGroupName:hover {
  color: #476DB6;
}

.telLiGroupName {
  margin-top: 3px;
  margin-bottom: 13px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .telLiGroupName {
    margin: 1.56% 0% 6.77% 0%;
  }
}
@media screen and (max-width: 767px) {
  .telLiGroupName {
    margin: 2% 0% 3.5% 0%;
  }
}
.telLiGroupName .icnLiGroupName svg path {
  transition-duration: 0.5s;
}
.telLiGroupName:hover {
  opacity: 1;
}
.telLiGroupName:hover .icnLiGroupName svg path {
  fill: #476DB6;
}
.telLiGroupName:hover .txtTelLiGroupName {
  color: #476DB6;
}

.icnLiGroupName {
  width: 14px;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 3px;
}
@media screen and (max-width: 1279px) {
  .icnLiGroupName {
    width: 7.29%;
  }
}
@media screen and (max-width: 1279px) {
  .icnLiGroupName {
    margin: 1.04% 1.56% 0% 1.04%;
  }
}
@media screen and (max-width: 1279px) {
  .icnLiGroupName {
    margin: 0% 3.56% 0% 1.04%;
  }
}
@media screen and (max-width: 767px) {
  .icnLiGroupName {
    width: 14px;
    margin: 0.6% 0.9% 0% 0.7%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .icnLiGroupName {
    width: 4.74%;
  }
}

.txtTelLiGroupName {
  transition-duration: 0.5s;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1279px) {
  .txtTelLiGroupName {
    font-size: 1.0164190774vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTelLiGroupName {
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTelLiGroupName {
    font-size: 3.4666666667vw;
  }
}

.urlLiGroupName {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1279px) {
  .urlLiGroupName {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .urlLiGroupName {
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .urlLiGroupName {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.footer {
  padding-top: 48px;
  padding-bottom: 35px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1279px) {
  .footer {
    padding: 2.5% 0% 1.82% 0%;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 16% 0% 10.66% 0%;
  }
}

.footerFx {
  width: 1240px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1279px) {
  .footerFx {
    width: 96.87%;
  }
}
@media screen and (max-width: 1279px) {
  .footerFx {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .footerFx {
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .footerFx {
    width: 89.33%;
  }
}

.btnFooter {
  display: block;
  width: 160px;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .btnFooter {
    width: 12.9%;
  }
}
@media screen and (max-width: 1279px) {
  .btnFooter {
    margin: 0.16% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .btnFooter {
    width: 160px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnFooter {
    width: 47.76%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
  .btnFooter {
    margin: 0% 0% 0% 0%;
  }
}

.footercatch {
  width: 1028px;
}
@media screen and (max-width: 1279px) {
  .footercatch {
    width: 82.9%;
  }
}
@media screen and (max-width: 767px) {
  .footercatch {
    width: 100%;
    margin: 11.2% 0% 0% 0%;
  }
}

.txtFooterMain {
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.05em;
  text-indent: -0.05em;
}
@media screen and (max-width: 1279px) {
  .txtFooterMain {
    font-size: 0.9382329945vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterMain {
    line-height: 1.5833333333;
    letter-spacing: 0.05em;
    text-indent: -0.05em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtFooterMain {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .txtFooterMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
  .txtFooterMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.5833333333) * 0.5em);
    content: "";
  }
}

.txtCopy {
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0em;
  text-indent: 0em;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1279px) {
  .txtCopy {
    font-size: 0.7818608288vw;
  }
}
@media screen and (max-width: 1279px) {
  .txtCopy {
    margin: 1.55% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .txtCopy {
    text-align: center;
    line-height: normal;
    letter-spacing: 0em;
    text-indent: 0em;
    margin: 7.5% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCopy {
    font-size: 2.6666666667vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bgLightBox {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 99999999;
  display: none;
}

.lightInLxnWap {
  display: none;
}

.lightIn {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  z-index: 99999999;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .lightIn {
    width: 90%;
  }
}

.lightInLxn {
  max-width: 1189px;
  width: auto;
  margin: auto;
  position: relative;
  z-index: 9999999999;
}

.btnLightBoxClose {
  position: absolute;
  cursor: pointer;
  width: 40px;
  top: -10px;
  right: -10px;
  z-index: 99999999999;
}
.btnLightBoxClose svg {
  width: 100%;
}
.btnLightBoxClose svg .st0 {
  fill: #FFFFFF;
  stroke: #C5D3DF;
  transition-duration: 0.5s;
}
.btnLightBoxClose svg .st1 {
  fill: none;
  stroke: #4E7CA2;
  stroke-miterlimit: 10;
  transition-duration: 0.5s;
}

.btnLightBoxClose:hover .st0 {
  fill: #4E7CA2;
  stroke: #C5D3DF;
}
.btnLightBoxClose:hover .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}

.lightBoxAppend {
  max-height: 90vh;
  overflow: auto;
  scrollbar-width: none;
}
.lightBoxAppend::-webkit-scrollbar {
  display: none;
}
.lightBoxAppend img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.lightBoxAppend video {
  max-width: 100%;
  display: block;
  margin: auto;
}

/* ==========================================================================
Component
========================================================================== */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2022/09/08, 15:33:59
    Author     : SPG-1105
*/
.bod_C5D3DF {
  border: 1px solid #C5D3DF;
}

.bg_FDFDFD {
  background: #FDFDFD;
}

.cl_476DB6 {
  color: #476DB6;
}

.cl_1B364E {
  color: #1B364E;
}

.bg_fff {
  background: #fff;
}

.bg_4E7CA2 {
  background: #4E7CA2;
}

.bg_D0D0D0 {
  background: #D0D0D0;
}

.bg_C5D3DF {
  background: #C5D3DF;
}

.bg_F7F5F2 {
  background: #F7F5F2;
}

.cl_4E7CA2 {
  color: #4E7CA2;
}

.cl_1B364E {
  color: #1B364E;
}

.cl_fff {
  color: #fff;
}

.cl_333 {
  color: #333;
}

.bod_4E7CA2 {
  border: 1px solid #4E7CA2;
}

.shadow {
  box-shadow: 0px 0px 10px 0px rgba(87, 113, 163, 0.2);
}
.shadow:hover {
  box-shadow: 0px 0px 10px 0px rgba(87, 113, 163, 0.4);
}

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/**
 * overlay option
 */
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}

/* loading option */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}

@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up;
}

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm;
}

@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}
.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm;
}

@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg;
}

@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}
.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg;
}

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down;
}

@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm;
}

@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}
.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm;
}

@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}
.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg;
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left;
}

@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm;
}

@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm;
}

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right;
}

@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm;
}

@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm;
}

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}
.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}
.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0deg);
    transform: perspective(100px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
}
.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0deg);
    transform: perspective(100px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
}
.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}
.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}

@keyframes fadein_sc_top {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_top2 {
  0% {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
  }
  70% {
    opacity: 1;
    transform: translate3d(0px, -10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_left {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_sc_right {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes fadein_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.opacity_0_fade_set {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
}
.opacity_0_fade_set.active {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fadeleft_in {
  opacity: 0;
  transform: translate3d(-20px, 0px, 0px);
}
.opacity_0_fadeleft_in.active {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}

.opacity_0_faderight_in {
  opacity: 0;
  transform: translate3d(20px, 0px, 0px);
}
.opacity_0_faderight_in.active {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}

.opacity_0_fade_in {
  opacity: 0;
}
.opacity_0_fade_in.active {
  -webkit-animation: fadein_in 0.75s ease 0.35s forwards alternate;
  animation: fadein_in 0.75s ease 0.35s forwards alternate;
}

.opacity_0_list_fade_set > li {
  transform: translate3d(0px, 20px, 0px);
  opacity: 0;
  position: relative;
}
.opacity_0_list_fade_set.active > li:nth-child(1) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(2) {
  -webkit-animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(3) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(4) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(5) {
  -webkit-animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(6) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(7) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(8) {
  -webkit-animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(9) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(10) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(11) {
  -webkit-animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(12) {
  -webkit-animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}

.listcnt .moveList {
  opacity: 0;
}
.listcnt.active .moveList:nth-child(1) {
  -webkit-animation: fadein_in 0.75s ease 0.15s forwards alternate;
  animation: fadein_in 0.75s ease 0.15s forwards alternate;
}
.listcnt.active .moveList:nth-child(2) {
  -webkit-animation: fadein_in 0.75s ease 0.3s forwards alternate;
  animation: fadein_in 0.75s ease 0.3s forwards alternate;
}
.listcnt.active .moveList:nth-child(3) {
  -webkit-animation: fadein_in 0.75s ease 0.45s forwards alternate;
  animation: fadein_in 0.75s ease 0.45s forwards alternate;
}
.listcnt.active .moveList:nth-child(4) {
  -webkit-animation: fadein_in 0.75s ease 0.6s forwards alternate;
  animation: fadein_in 0.75s ease 0.6s forwards alternate;
}
.listcnt.active .moveList:nth-child(5) {
  -webkit-animation: fadein_in 0.75s ease 0.75s forwards alternate;
  animation: fadein_in 0.75s ease 0.75s forwards alternate;
}
.listcnt.active .moveList:nth-child(6) {
  -webkit-animation: fadein_in 0.75s ease 0.9s forwards alternate;
  animation: fadein_in 0.75s ease 0.9s forwards alternate;
}
.listcnt.active .moveList:nth-child(7) {
  -webkit-animation: fadein_in 0.75s ease 1.05s forwards alternate;
  animation: fadein_in 0.75s ease 1.05s forwards alternate;
}
.listcnt.active .moveList:nth-child(8) {
  -webkit-animation: fadein_in 0.75s ease 1.2s forwards alternate;
  animation: fadein_in 0.75s ease 1.2s forwards alternate;
}
.listcnt.active .moveList:nth-child(9) {
  -webkit-animation: fadein_in 0.75s ease 1.35s forwards alternate;
  animation: fadein_in 0.75s ease 1.35s forwards alternate;
}
.listcnt.active .moveList:nth-child(10) {
  -webkit-animation: fadein_in 0.75s ease 1.5s forwards alternate;
  animation: fadein_in 0.75s ease 1.5s forwards alternate;
}

.listcntmainasu .moveList {
  opacity: 0;
}
.listcntmainasu.active .moveList:nth-child(1) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(2) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(3) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(4) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(5) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(6) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(7) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(8) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(9) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(10) {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}

.listcntmainasu .moveList1 {
  opacity: 0;
}

.listcntmainasu.active .moveList1 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}

.listcntmainasu .moveList2 {
  opacity: 0;
}

.listcntmainasu.active .moveList2 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}

.listcntmainasu .moveList3 {
  opacity: 0;
}

.listcntmainasu.active .moveList3 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}

.listcntmainasu .moveList4 {
  opacity: 0;
}

.listcntmainasu.active .moveList4 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}

.listcntmainasu .moveList5 {
  opacity: 0;
}

.listcntmainasu.active .moveList5 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}

.listcntmainasu .moveList6 {
  opacity: 0;
}

.listcntmainasu.active .moveList6 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}

.listcntmainasu .moveList7 {
  opacity: 0;
}

.listcntmainasu.active .moveList7 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}

.listcntmainasu .moveList8 {
  opacity: 0;
}

.listcntmainasu.active .moveList8 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}

.listcntmainasu .moveList9 {
  opacity: 0;
}

.listcntmainasu.active .moveList9 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}

.listcntmainasu .moveList10 {
  opacity: 0;
}

.listcntmainasu.active .moveList10 {
  -webkit-animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
  animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}

.listcntmainasuLeft .moveList {
  opacity: 0;
}
.listcntmainasuLeft.active .moveList:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.8s forwards alternate;
}

.opacity_0_list_left_fade_set > li,
.opacity_0_list_left_fade_set section,
.opacity_0_list_left_fade_set div,
.opacity_0_list_left_fade_set tr,
.opacity_0_list_left_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_left_fade_set.active > li:nth-child(1),
.opacity_0_list_left_fade_set.active section:nth-child(1),
.opacity_0_list_left_fade_set.active div:nth-child(1),
.opacity_0_list_left_fade_set.active p:nth-child(1),
.opacity_0_list_left_fade_set.active h2:nth-child(1),
.opacity_0_list_left_fade_set.active h3:nth-child(1),
.opacity_0_list_left_fade_set.active h4:nth-child(1),
.opacity_0_list_left_fade_set.active h5:nth-child(1),
.opacity_0_list_left_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(2),
.opacity_0_list_left_fade_set.active section:nth-child(2),
.opacity_0_list_left_fade_set.active div:nth-child(2),
.opacity_0_list_left_fade_set.active p:nth-child(2),
.opacity_0_list_left_fade_set.active h2:nth-child(2),
.opacity_0_list_left_fade_set.active h3:nth-child(2),
.opacity_0_list_left_fade_set.active h4:nth-child(2),
.opacity_0_list_left_fade_set.active h5:nth-child(2),
.opacity_0_list_left_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(3),
.opacity_0_list_left_fade_set.active section:nth-child(3),
.opacity_0_list_left_fade_set.active div:nth-child(3),
.opacity_0_list_left_fade_set.active p:nth-child(3),
.opacity_0_list_left_fade_set.active h2:nth-child(3),
.opacity_0_list_left_fade_set.active h3:nth-child(3),
.opacity_0_list_left_fade_set.active h4:nth-child(3),
.opacity_0_list_left_fade_set.active h5:nth-child(3),
.opacity_0_list_left_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(4),
.opacity_0_list_left_fade_set.active section:nth-child(4),
.opacity_0_list_left_fade_set.active div:nth-child(4),
.opacity_0_list_left_fade_set.active p:nth-child(4),
.opacity_0_list_left_fade_set.active h2:nth-child(4),
.opacity_0_list_left_fade_set.active h3:nth-child(4),
.opacity_0_list_left_fade_set.active h4:nth-child(4),
.opacity_0_list_left_fade_set.active h5:nth-child(4),
.opacity_0_list_left_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(5),
.opacity_0_list_left_fade_set.active section:nth-child(5),
.opacity_0_list_left_fade_set.active div:nth-child(5),
.opacity_0_list_left_fade_set.active p:nth-child(5),
.opacity_0_list_left_fade_set.active h2:nth-child(5),
.opacity_0_list_left_fade_set.active h3:nth-child(5),
.opacity_0_list_left_fade_set.active h4:nth-child(5),
.opacity_0_list_left_fade_set.active h5:nth-child(5),
.opacity_0_list_left_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(6),
.opacity_0_list_left_fade_set.active section:nth-child(6),
.opacity_0_list_left_fade_set.active div:nth-child(6),
.opacity_0_list_left_fade_set.active p:nth-child(6),
.opacity_0_list_left_fade_set.active h2:nth-child(6),
.opacity_0_list_left_fade_set.active h3:nth-child(6),
.opacity_0_list_left_fade_set.active h4:nth-child(6),
.opacity_0_list_left_fade_set.active h5:nth-child(6),
.opacity_0_list_left_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(7),
.opacity_0_list_left_fade_set.active section:nth-child(7),
.opacity_0_list_left_fade_set.active div:nth-child(7),
.opacity_0_list_left_fade_set.active p:nth-child(7),
.opacity_0_list_left_fade_set.active h2:nth-child(7),
.opacity_0_list_left_fade_set.active h3:nth-child(7),
.opacity_0_list_left_fade_set.active h4:nth-child(7),
.opacity_0_list_left_fade_set.active h5:nth-child(7),
.opacity_0_list_left_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(8),
.opacity_0_list_left_fade_set.active section:nth-child(8),
.opacity_0_list_left_fade_set.active div:nth-child(8),
.opacity_0_list_left_fade_set.active p:nth-child(8),
.opacity_0_list_left_fade_set.active h2:nth-child(8),
.opacity_0_list_left_fade_set.active h3:nth-child(8),
.opacity_0_list_left_fade_set.active h4:nth-child(8),
.opacity_0_list_left_fade_set.active h5:nth-child(8),
.opacity_0_list_left_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(9),
.opacity_0_list_left_fade_set.active section:nth-child(9),
.opacity_0_list_left_fade_set.active div:nth-child(9),
.opacity_0_list_left_fade_set.active p:nth-child(9),
.opacity_0_list_left_fade_set.active h2:nth-child(9),
.opacity_0_list_left_fade_set.active h3:nth-child(9),
.opacity_0_list_left_fade_set.active h4:nth-child(9),
.opacity_0_list_left_fade_set.active h5:nth-child(9),
.opacity_0_list_left_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(10),
.opacity_0_list_left_fade_set.active section:nth-child(10),
.opacity_0_list_left_fade_set.active div:nth-child(10),
.opacity_0_list_left_fade_set.active p:nth-child(10),
.opacity_0_list_left_fade_set.active h2:nth-child(10),
.opacity_0_list_left_fade_set.active h3:nth-child(10),
.opacity_0_list_left_fade_set.active h4:nth-child(10),
.opacity_0_list_left_fade_set.active h5:nth-child(10),
.opacity_0_list_left_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(11),
.opacity_0_list_left_fade_set.active section:nth-child(11),
.opacity_0_list_left_fade_set.active div:nth-child(11),
.opacity_0_list_left_fade_set.active p:nth-child(11),
.opacity_0_list_left_fade_set.active h2:nth-child(11),
.opacity_0_list_left_fade_set.active h3:nth-child(11),
.opacity_0_list_left_fade_set.active h4:nth-child(11),
.opacity_0_list_left_fade_set.active h5:nth-child(11),
.opacity_0_list_left_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(12),
.opacity_0_list_left_fade_set.active section:nth-child(12),
.opacity_0_list_left_fade_set.active div:nth-child(12),
.opacity_0_list_left_fade_set.active p:nth-child(12),
.opacity_0_list_left_fade_set.active h2:nth-child(12),
.opacity_0_list_left_fade_set.active h3:nth-child(12),
.opacity_0_list_left_fade_set.active h4:nth-child(12),
.opacity_0_list_left_fade_set.active h5:nth-child(12),
.opacity_0_list_left_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
}

.opacity_0_list_right_fade_set > li,
.opacity_0_list_right_fade_set section,
.opacity_0_list_right_fade_set div,
.opacity_0_list_right_fade_set tr,
.opacity_0_list_right_fade_set figure {
  transform: translate3d(-10px, 0px, 0px);
  opacity: 0;
}
.opacity_0_list_right_fade_set.active > li:nth-child(1),
.opacity_0_list_right_fade_set.active section:nth-child(1),
.opacity_0_list_right_fade_set.active div:nth-child(1),
.opacity_0_list_right_fade_set.active p:nth-child(1),
.opacity_0_list_right_fade_set.active h2:nth-child(1),
.opacity_0_list_right_fade_set.active h3:nth-child(1),
.opacity_0_list_right_fade_set.active h4:nth-child(1),
.opacity_0_list_right_fade_set.active h5:nth-child(1),
.opacity_0_list_right_fade_set.active figure:nth-child(1) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(2),
.opacity_0_list_right_fade_set.active section:nth-child(2),
.opacity_0_list_right_fade_set.active div:nth-child(2),
.opacity_0_list_right_fade_set.active p:nth-child(2),
.opacity_0_list_right_fade_set.active h2:nth-child(2),
.opacity_0_list_right_fade_set.active h3:nth-child(2),
.opacity_0_list_right_fade_set.active h4:nth-child(2),
.opacity_0_list_right_fade_set.active h5:nth-child(2),
.opacity_0_list_right_fade_set.active figure:nth-child(2) {
  -webkit-animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
  animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(3),
.opacity_0_list_right_fade_set.active section:nth-child(3),
.opacity_0_list_right_fade_set.active div:nth-child(3),
.opacity_0_list_right_fade_set.active p:nth-child(3),
.opacity_0_list_right_fade_set.active h2:nth-child(3),
.opacity_0_list_right_fade_set.active h3:nth-child(3),
.opacity_0_list_right_fade_set.active h4:nth-child(3),
.opacity_0_list_right_fade_set.active h5:nth-child(3),
.opacity_0_list_right_fade_set.active figure:nth-child(3) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(4),
.opacity_0_list_right_fade_set.active section:nth-child(4),
.opacity_0_list_right_fade_set.active div:nth-child(4),
.opacity_0_list_right_fade_set.active p:nth-child(4),
.opacity_0_list_right_fade_set.active h2:nth-child(4),
.opacity_0_list_right_fade_set.active h3:nth-child(4),
.opacity_0_list_right_fade_set.active h4:nth-child(4),
.opacity_0_list_right_fade_set.active h5:nth-child(4),
.opacity_0_list_right_fade_set.active figure:nth-child(4) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(5),
.opacity_0_list_right_fade_set.active section:nth-child(5),
.opacity_0_list_right_fade_set.active div:nth-child(5),
.opacity_0_list_right_fade_set.active p:nth-child(5),
.opacity_0_list_right_fade_set.active h2:nth-child(5),
.opacity_0_list_right_fade_set.active h3:nth-child(5),
.opacity_0_list_right_fade_set.active h4:nth-child(5),
.opacity_0_list_right_fade_set.active h5:nth-child(5),
.opacity_0_list_right_fade_set.active figure:nth-child(5) {
  -webkit-animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
  animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(6),
.opacity_0_list_right_fade_set.active section:nth-child(6),
.opacity_0_list_right_fade_set.active div:nth-child(6),
.opacity_0_list_right_fade_set.active p:nth-child(6),
.opacity_0_list_right_fade_set.active h2:nth-child(6),
.opacity_0_list_right_fade_set.active h3:nth-child(6),
.opacity_0_list_right_fade_set.active h4:nth-child(6),
.opacity_0_list_right_fade_set.active h5:nth-child(6),
.opacity_0_list_right_fade_set.active figure:nth-child(6) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(7),
.opacity_0_list_right_fade_set.active section:nth-child(7),
.opacity_0_list_right_fade_set.active div:nth-child(7),
.opacity_0_list_right_fade_set.active p:nth-child(7),
.opacity_0_list_right_fade_set.active h2:nth-child(7),
.opacity_0_list_right_fade_set.active h3:nth-child(7),
.opacity_0_list_right_fade_set.active h4:nth-child(7),
.opacity_0_list_right_fade_set.active h5:nth-child(7),
.opacity_0_list_right_fade_set.active figure:nth-child(7) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(8),
.opacity_0_list_right_fade_set.active section:nth-child(8),
.opacity_0_list_right_fade_set.active div:nth-child(8),
.opacity_0_list_right_fade_set.active p:nth-child(8),
.opacity_0_list_right_fade_set.active h2:nth-child(8),
.opacity_0_list_right_fade_set.active h3:nth-child(8),
.opacity_0_list_right_fade_set.active h4:nth-child(8),
.opacity_0_list_right_fade_set.active h5:nth-child(8),
.opacity_0_list_right_fade_set.active figure:nth-child(8) {
  -webkit-animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
  animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(9),
.opacity_0_list_right_fade_set.active section:nth-child(9),
.opacity_0_list_right_fade_set.active div:nth-child(9),
.opacity_0_list_right_fade_set.active p:nth-child(9),
.opacity_0_list_right_fade_set.active h2:nth-child(9),
.opacity_0_list_right_fade_set.active h3:nth-child(9),
.opacity_0_list_right_fade_set.active h4:nth-child(9),
.opacity_0_list_right_fade_set.active h5:nth-child(9),
.opacity_0_list_right_fade_set.active figure:nth-child(9) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(10),
.opacity_0_list_right_fade_set.active section:nth-child(10),
.opacity_0_list_right_fade_set.active div:nth-child(10),
.opacity_0_list_right_fade_set.active p:nth-child(10),
.opacity_0_list_right_fade_set.active h2:nth-child(10),
.opacity_0_list_right_fade_set.active h3:nth-child(10),
.opacity_0_list_right_fade_set.active h4:nth-child(10),
.opacity_0_list_right_fade_set.active h5:nth-child(10),
.opacity_0_list_right_fade_set.active figure:nth-child(10) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(11),
.opacity_0_list_right_fade_set.active section:nth-child(11),
.opacity_0_list_right_fade_set.active div:nth-child(11),
.opacity_0_list_right_fade_set.active p:nth-child(11),
.opacity_0_list_right_fade_set.active h2:nth-child(11),
.opacity_0_list_right_fade_set.active h3:nth-child(11),
.opacity_0_list_right_fade_set.active h4:nth-child(11),
.opacity_0_list_right_fade_set.active h5:nth-child(11),
.opacity_0_list_right_fade_set.active figure:nth-child(11) {
  -webkit-animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
  animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(12),
.opacity_0_list_right_fade_set.active section:nth-child(12),
.opacity_0_list_right_fade_set.active div:nth-child(12),
.opacity_0_list_right_fade_set.active p:nth-child(12),
.opacity_0_list_right_fade_set.active h2:nth-child(12),
.opacity_0_list_right_fade_set.active h3:nth-child(12),
.opacity_0_list_right_fade_set.active h4:nth-child(12),
.opacity_0_list_right_fade_set.active h5:nth-child(12),
.opacity_0_list_right_fade_set.active figure:nth-child(12) {
  -webkit-animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
  animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}

.moveTopBtms {
  transition: 0.5s;
}
.moveTopBtms:hover {
  transform: translate(0px, -5px);
}

.scrollHarukazeFvPosta {
  animation: pathmove 2.4s ease-in-out infinite;
  opacity: 0;
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 110%;
    opacity: 0;
  }
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 3%;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("./../images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("./../images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("./../images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("./../images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("./../images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.lb-loader, .lightbox {
  text-align: center;
  line-height: 0;
}

body:after {
  content: url(./../images/close.png) url(./../images/loading.gif) url(./../images/prev.png) url(./../images/next.png);
  display: none;
}

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-loader, .lb-nav {
  position: absolute;
  left: 0;
}

.lb-outerContainer:after {
  display: table;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(./../images/loading.gif) no-repeat;
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(./../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(./../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(./../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}/*# sourceMappingURL=common.css.map */