@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
========================================================================== */
header,
footer,
section,
figure,
figcaption,
aside,
main {
  display: block;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
}

a img {
  border: none;
}

body {
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  animation: fadeIn 0.5s ease forwards;
  animation-delay: 0.05s;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
body img {
  display: block;
  max-width: 100%;
  height: auto;
}

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: 1161px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .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;
}

.ovhidden {
  overflow: hidden;
}

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

.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-size: 14px;
  line-height: 1.8;
  font-family: YakuHanJP_Narrow, "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #333;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body *,
body *:before,
body *:after {
  box-sizing: border-box;
}

body *.bs_cb {
  box-sizing: content-box;
}

body .wrap {
  position: relative;
  overflow: clip;
}

i.iefontfix {
  transform: translateY(0.2em);
  font-style: inherit;
}

.kerning {
  font-feature-settings: "palt";
}

.bold {
  font-weight: bold;
}

.nobold {
  font-weight: normal;
}

.mincho {
  font-family: YakuHanMP, "游明朝", "Yu Mincho", YuMincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.gothic {
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.noto {
  font-family: "Noto Sans JP";
}

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

.color_red {
  color: #990000;
}

.bg_red {
  background-color: #990000;
}

.color_blue {
  color: #000099;
}

.bg_blue {
  background-color: #000099;
}

.color_green {
  color: #009900;
}

.bg_green {
  background-color: #009900;
}

.color_yellow {
  color: #FFFF00;
}

.bg_yellow {
  background-color: #FFFF00;
}

.txtset {
  leading-trim: both;
  text-edge: cap;
}

.nowrap {
  white-space: nowrap;
}

.undernone {
  text-decoration: none;
}

.t_center {
  text-align: center;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.base_header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9;
}

.headerPcFx {
  border-bottom: 1px solid #EBEBEB;
}

.headerPcLxn {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 0px;
  width: 386px;
  flex-flow: row wrap;
}
@media screen and (max-width: 1160px) and (max-width: 1160px) {
  .headerPcLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .headerPcLxn {
    padding: 0% 0% 0% 1.04%;
  }
}
@media screen and (max-width: 1160px) {
  .headerPcLxn {
    width: 20.1%;
  }
}
@media screen and (max-width: 1200px) {
  .headerPcLxn {
    width: 386px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1160px) {
  .headerPcLxn {
    width: 32.16%;
  }
}
@media screen and (max-width: 1160px) {
  .headerPcLxn {
    width: 386px;
  }
}
@media screen and (max-width: 1160px) and (max-width: 1160px) {
  .headerPcLxn {
    width: 33.27%;
  }
}

.logoToyotaHeaderPc {
  width: 175px;
  display: block;
}
@media screen and (max-width: 1160px) {
  .logoToyotaHeaderPc {
    width: 45.33%;
  }
}

.txtToyotaHeaderPc {
  width: 167px;
  font-size: 13px;
  line-height: 2;
  letter-spacing: -0.03em;
  text-indent: 0.03em;
}
@media screen and (max-width: 1160px) {
  .txtToyotaHeaderPc {
    width: 43.26%;
  }
}
@media screen and (max-width: 1160px) {
  .txtToyotaHeaderPc {
    font-size: 1.1206896552vw;
  }
}
.txtToyotaHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtToyotaHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}
@media screen and (max-width: 1200px) {
  .txtToyotaHeaderPc {
    width: 100%;
  }
}

.navHeaderPc {
  width: 807px;
}
@media screen and (max-width: 1160px) {
  .navHeaderPc {
    width: 42.03%;
  }
}
@media screen and (max-width: 1200px) {
  .navHeaderPc {
    width: 895px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1160px) {
  .navHeaderPc {
    width: 74.58%;
  }
}
@media screen and (max-width: 1160px) {
  .navHeaderPc {
    width: 80%;
  }
}

.ulNavHeaderPc {
  width: 582px;
}
@media screen and (max-width: 1160px) {
  .ulNavHeaderPc {
    width: 72.11%;
  }
}
@media screen and (max-width: 1200px) {
  .ulNavHeaderPc {
    width: 582px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 1160px) {
  .ulNavHeaderPc {
    width: 68.47%;
  }
}

.liNavHeaderPc {
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 24px;
  margin-right: 0px;
}
@media screen and (max-width: 1160px) {
  .liNavHeaderPc {
    margin: 0% 0% 0% 4.12%;
  }
}

.btnLiNavHeaderPc {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #282828;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 100%;
  display: block;
}
@media screen and (max-width: 1160px) {
  .btnLiNavHeaderPc {
    padding: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 1160px) {
  .btnLiNavHeaderPc {
    font-size: 1.2068965517vw;
  }
}
.btnLiNavHeaderPc::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.btnLiNavHeaderPc::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

.headerContact {
  width: 201px;
}
@media screen and (max-width: 1160px) {
  .headerContact {
    width: 24.9%;
  }
}

.liHeaderContact {
  width: 100px;
}
@media screen and (max-width: 1160px) {
  .liHeaderContact {
    width: 49.75%;
  }
}
.btnHeaderContact {
  aspect-ratio: 100/64;
}

.h2HeaderContact {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1160px) {
  .h2HeaderContact {
    font-size: 1.2068965517vw;
  }
}
.h2HeaderContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h2HeaderContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

.txtHeaderContact {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 2;
  letter-spacing: 0.16em;
  text-indent: -0.16em;
}
@media screen and (max-width: 1160px) {
  .txtHeaderContact {
    margin-top: 8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .txtHeaderContact {
    font-size: 0.8620689655vw;
  }
}
.txtHeaderContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtHeaderContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.headerSp {
  position: relative;
}

.headerSpTop {
  border-bottom: 1px solid #EBEBEB;
}

.logheaderSpTop {
  width: 265.95px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 0px;
}
@media screen and (max-width: 1160px) {
  .logheaderSpTop {
    width: 70.91%;
  }
}
@media screen and (max-width: 1160px) {
  .logheaderSpTop {
    margin: 0% 0% 0% 2.66%;
  }
}

.logoToyotaHeaderSp {
  width: 128.95px;
}
@media screen and (max-width: 1160px) {
  .logoToyotaHeaderSp {
    width: 48.48%;
  }
}

.txtToyotaHeaderSp {
  width: 127px;
  line-height: 2;
  letter-spacing: -0.03em;
  text-indent: 0.03em;
}
@media screen and (max-width: 1160px) {
  .txtToyotaHeaderSp {
    width: 47.75%;
  }
}
@media screen and (max-width: 767px) {
  .txtToyotaHeaderSp {
    font-size: 2.6666666667vw;
  }
}
.txtToyotaHeaderSp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtToyotaHeaderSp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

.btnHeaderSpTop {
  width: 48px;
}
@media screen and (max-width: 1160px) {
  .btnHeaderSpTop {
    width: 12.8%;
  }
}

.btnHeaderSpTop.off .off {
  display: block;
}
.btnHeaderSpTop.off .on {
  display: none;
}

.btnHeaderSpTop.on .off {
  display: none;
}
.btnHeaderSpTop.on .on {
  display: block;
}

.headerSpLxn {
  padding-top: 40px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  height: 100vh;
  position: absolute;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
}
@media screen and (max-width: 1160px) {
  .headerSpLxn {
    padding: 10.66% 0% 0% 0%;
  }
}
.headerSpLxn::-webkit-scrollbar {
  display: none;
}

.navHeaderSpLxn {
  width: 271px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .navHeaderSpLxn {
    width: 72.26%;
  }
}
@media screen and (max-width: 1160px) {
  .navHeaderSpLxn {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liNavHeaderSp:nth-child(n+2) {
  margin-top: 10.8%;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
}

.btnLiNavHeaderSp {
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
  color: #282828;
}
@media screen and (max-width: 767px) {
  .btnLiNavHeaderSp {
    font-size: 3.7333333333vw;
  }
}
.btnLiNavHeaderSp::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.btnLiNavHeaderSp::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

.headerSpContact {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .headerSpContact {
    margin-top: 14.76%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .liHeaderContact {
    width: 135px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liHeaderContact {
    width: 49.81%;
  }
}

.btnHeaderSpContact {
  aspect-ratio: 135/64;
}

.h2HeaderSpContact {
  line-height: 2;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 767px) {
  .h2HeaderSpContact {
    font-size: 3.7333333333vw;
  }
}
.h2HeaderSpContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.h2HeaderSpContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

.txtHeaderSpContact {
  margin-top: 8px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
  letter-spacing: 0.16em;
  text-indent: -0.16em;
}
@media screen and (max-width: 1160px) {
  .txtHeaderSpContact {
    margin-top: 2.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .txtHeaderSpContact {
    font-size: 2.6666666667vw;
  }
}
.txtHeaderSpContact::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
  content: "";
}
.txtHeaderSpContact::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
  content: "";
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.slider {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexCatch {
  background: url(../img/index/bgIndexCatchPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .indexCatch {
    background: url(../img/index/bgIndexCatchSp.png) no-repeat center top;
    background-size: cover;
  }
}

.picIndexCatch {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .picIndexCatch {
    width: 93.1%;
  }
}
@media screen and (max-width: 767px) {
  .picIndexCatch {
    width: 339px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picIndexCatch {
    width: 90.4%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexQuality {
  margin-top: 81px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .indexQuality {
    margin-top: 4.21%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .indexQuality {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .indexQuality {
    margin-top: 16%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picIndexQuality {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .picIndexQuality {
    width: 93.1%;
  }
}
@media screen and (max-width: 767px) {
  .picIndexQuality {
    width: 315px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picIndexQuality {
    width: 84%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.indexPickUp {
  margin-top: 99px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 122px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/index/bgIndexPickUpPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 1160px) {
  .indexPickUp {
    margin-top: 5.15%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .indexPickUp {
    padding: 4.16% 0% 6.35% 0%;
  }
}
@media screen and (max-width: 767px) {
  .indexPickUp {
    margin-top: 59px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 26.66% 0% 14.66% 0%;
    background: url(../img/index/bgIndexPickUpSp.png) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .indexPickUp {
    margin-top: 15.73%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picIndexPickUp {
  width: 660px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .picIndexPickUp {
    width: 56.89%;
  }
}
@media screen and (max-width: 767px) {
  .picIndexPickUp {
    width: 339px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picIndexPickUp {
    width: 90.4%;
  }
}

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

.picGoodTownTop {
  width: 824px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .picGoodTownTop {
    width: 42.91%;
  }
}
@media screen and (max-width: 767px) {
  .picGoodTownTop {
    width: 339px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picGoodTownTop {
    width: 90.4%;
  }
}

.goodTownMain {
  padding-top: 105px;
  padding-bottom: 150px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -79px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../img/index/bgGoodTownMainPc.png) no-repeat center top;
  background-size: cover;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1160px) {
  .goodTownMain {
    padding: 5.46% 0% 7.81% 0%;
  }
}
@media screen and (max-width: 1160px) {
  .goodTownMain {
    margin-top: -4.12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .goodTownMain {
    padding-top: 100px;
    padding-bottom: 36px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -45px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/index/bgGoodTownMainSp.png) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .goodTownMain {
    padding: 26.66% 0% 9.6% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .goodTownMain {
    margin-top: -12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picGoodTownMain {
  width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .picGoodTownMain {
    width: 93.1%;
  }
}
@media screen and (max-width: 767px) {
  .picGoodTownMain {
    width: 339px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picGoodTownMain {
    width: 90.4%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.topCta {
  padding-top: 100px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1160px) {
  .topCta {
    padding: 5.2% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .topCta {
    padding-top: 60px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .topCta {
    padding: 16% 0% 0% 0%;
  }
}

.ulTopCta {
  width: 780px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .ulTopCta {
    width: 67.24%;
  }
}
@media screen and (max-width: 767px) {
  .ulTopCta {
    width: 271px;
    flex-flow: row wrap;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulTopCta {
    width: 72.26%;
  }
}

.liTopCta {
  width: 370px;
}
@media screen and (max-width: 1160px) {
  .liTopCta {
    width: 46.83%;
  }
}
@media screen and (max-width: 767px) {
  .liTopCta {
    width: 271px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liTopCta {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liTopCta:nth-child(2n) {
    margin-top: 16px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liTopCta:nth-child(2n) {
    margin-top: 5.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnLiTopCta {
  aspect-ratio: 370/64;
  font-size: 28px;
  letter-spacing: 0.04em;
  text-indent: -0.04em;
  border-radius: 36.5px;
  /* CSS3草案 */
  -webkit-border-radius: 36.5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 36.5px;
  /* Firefox用 */
}
@media screen and (max-width: 1160px) {
  .btnLiTopCta {
    font-size: 2.4137931034vw;
  }
}
@media screen and (max-width: 767px) {
  .btnLiTopCta {
    aspect-ratio: 271/56;
    letter-spacing: 0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btnLiTopCta {
    font-size: 5.3333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
div.footer {
  margin: 0 auto;
  box-sizing: content-box;
}

.inner_960 {
  display: flex;
  justify-content: center;
  max-width: 960px;
  margin: 0 auto;
  width: calc(100% - 40px);
}

@media screen and (max-width: 960px) {
  .inner_960 {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
}
.inner_960 .f_bnr_box {
  margin-right: 3.125%;
}

@media screen and (max-width: 960px) {
  .inner_960 .f_bnr_box {
    width: auto;
    margin: 0 auto 40px;
  }
}
.inner_960 .bnr_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 960px) {
  .inner_960 .bnr_wrap {
    flex-direction: column;
  }
}
.inner_960 .bnr_wrap .bnr_txt {
  font-size: 11px;
  line-height: 1;
  margin-right: 1em;
}

@media screen and (max-width: 960px) {
  .inner_960 .bnr_wrap .bnr_txt {
    text-align: center;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .inner_960 .bnr_wrap .bnr_txt {
    font-size: 10px;
  }
}
.inner_960 .f_tel_box {
  width: 37.3958333333%;
}

@media screen and (max-width: 960px) {
  .inner_960 .tel {
    text-align: center;
  }
  .inner_960 .tel a {
    display: inline-block;
  }
  .inner_960 .f_tel_box {
    width: auto;
  }
}
.inner_960 .f_tel_box .tel_txt01 {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1;
}

@media screen and (max-width: 480px) {
  .inner_960 .f_tel_box .tel_txt01 {
    font-size: 11px;
  }
}
.inner_960 .f_tel_box .tel_txt02 {
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.4;
}

.copyright {
  margin-top: 30px;
  background: #000;
  padding: 10px;
  text-align: center;
  font-size: 10px;
  color: #FFF;
}

.btnLotoFooter {
  margin-top: 133px;
  margin-bottom: 65px;
  margin-left: auto;
  margin-right: auto;
  width: 208px;
}
@media screen and (max-width: 1160px) {
  .btnLotoFooter {
    margin-top: 6.92%;
    margin-bottom: 3.38%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .btnLotoFooter {
    margin-top: 93px;
    margin-bottom: 65px;
    margin-left: auto;
    margin-right: auto;
    width: 208px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .btnLotoFooter {
    margin-top: 24.8%;
    margin-bottom: 17.33%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .btnLotoFooter {
    width: 55.46%;
  }
}
@media screen and (max-width: 767px) {
  .btnLotoFooter img {
    width: 100%;
  }
}

.footerFxBtn {
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background: #FFF;
}

.footerFxBtnUl {
  display: flex;
  justify-content: space-between;
}

.footerFxBtnLi {
  width: 187px;
}
@media screen and (max-width: 1160px) {
  .footerFxBtnLi {
    width: 49.86%;
  }
}

.footerFxBtnLinks {
  background: #716F5F;
  letter-spacing: 0em;
  text-indent: 0em;
  aspect-ratio: 187/40;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .footerFxBtnLinks {
    font-size: 3.7333333333vw;
  }
}

@media screen and (max-width: 767px) {
  .tel .sp_link img {
    margin: auto;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/*! Writen  by SCSS */
.container {
  max-width: 1200px;
  margin: 0 auto;
}

.inner {
  max-width: 960px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex_wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex_rr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.pos_r {
  position: relative;
}

.pos_a {
  position: absolute;
}

.main_wrap {
  position: relative;
}

.main_wrap .main_image {
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
}

.main_wrap .main_image img {
  width: 100%;
}

.main_wrap .main_head_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  color: #fff;
}

.main_wrap .main_head_wrap .en {
  position: relative;
  font-size: clamp(24px, 3.8vw, 39px);
  letter-spacing: 0.15em;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 1px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7), 0px 0px 4px rgba(0, 0, 0, 0.7), 0px 0px 5px rgba(0, 0, 0, 0.7);
  padding-bottom: 0.51em;
  margin-bottom: 0.51em;
}

@media screen and (max-width: 480px) {
  .main_wrap .main_head_wrap .en {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.main_wrap .main_head_wrap .en::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 340px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 1px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7), 0px 0px 4px rgba(0, 0, 0, 0.7), 0px 0px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 1px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7), 0px 0px 4px rgba(0, 0, 0, 0.7), 0px 0px 5px rgba(0, 0, 0, 0.7);
}

.main_wrap .main_head_wrap .jp {
  letter-spacing: 0.2em;
  font-size: clamp(16px, 2vw, 21px);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 1px rgba(0, 0, 0, 0.7), 0px 0px 2px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7), 0px 0px 4px rgba(0, 0, 0, 0.7), 0px 0px 5px rgba(0, 0, 0, 0.7);
}

.lead {
  font-size: clamp(24px, 3.8vw, 39px);
}

.lead .text_min {
  font-size: 0.6em;
}


/*! Writen  by SCSS */
.main_wrap {
  background: #fff;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.title .icon {
  width: 30px;
}

.title .text {
  width: calc(100% - 40px);
  padding: 0 10px;
  color: #FFF;
  font-size: clamp(18px, 2.6vw, 27px);
  background: #047b8a;
}

.sec01 {
  padding-top: clamp(30px, 5.21%, 50px);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .sec01 {
    margin-bottom: 40px;
  }
}
.sec01 .lead {
  line-height: 1.4;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .sec01 .lead {
    line-height: 1.4;
    margin-bottom: 1.4em;
  }
}
.sec01 .train_wrap {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .sec01 .train_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.sec01 .train_wrap img {
  width: 100%;
}

.sec01 .train_wrap .left {
  width: 28.6%;
}

@media screen and (max-width: 768px) {
  .sec01 .train_wrap .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sec01 .train_wrap .right {
  width: 67.5%;
}

@media screen and (max-width: 768px) {
  .sec01 .train_wrap .right {
    width: 100%;
  }
}
.sec01 .photo3 {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .sec01 .photo3 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .sec01 .photo3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.sec01 .photo3 .img {
  width: 32%;
}

@media screen and (max-width: 768px) {
  .sec01 .photo3 .img {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sec01 .photo3 .img img {
  width: 100%;
}

.sec01 .box-area {
  background: #e0ebef;
  border: 4px solid #008195;
  padding: 20px 35px;
}

@media screen and (max-width: 768px) {
  .sec01 .box-area {
    padding: 10px;
  }
}
.sec01 .box-area .box-ttl {
  font-size: clamp(26px, 3.8vw, 42px);
  font-weight: bold;
  margin-bottom: 20px;
  color: #008195;
  letter-spacing: -1px;
}

@media screen and (max-width: 768px) {
  .sec01 .box-area .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.sec01 .box-area .flex .text-area {
  width: 40%;
}

@media screen and (max-width: 768px) {
  .sec01 .box-area .flex .text-area {
    width: 100%;
    margin-bottom: 10px;
  }
}
.sec01 .box-area .flex .text-area .text {
  font-size: clamp(16px, 2.18vw, 24px);
  line-height: 1.8;
}

.sec01 .box-area .flex .img-area {
  width: 58%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sec01 .box-area .flex .img-area {
    width: 100%;
  }
}
.sec01 .box-area .flex + .text-area .text {
  font-size: clamp(16px, 2.18vw, 24px);
  line-height: 1.8;
  margin-bottom: 10px;
}

.sec01 .box-area .flex + .text-area .note {
  font-size: clamp(12px, 1vw, 18px);
}

.sec02 .title .icon {
  width: 60px;
}

.sec02 .title .text {
  width: calc(100% - 70px);
}

.sec02 .title + .text {
  font-size: clamp(13px, 2.18vw, 21px);
  line-height: 1.4;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .sec02 .title + .text + .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.sec02 .title + .text + .flex .img-area {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .sec02 .title + .text + .flex .img-area {
    width: 100%;
    margin-bottom: 20px;
  }
}

/*! Writen  by SCSS */
.main_wrap {
  background: #fff;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.sec01 {
  padding-top: clamp(40px, 10.42%, 100px);
  padding-bottom: clamp(25px, 5.73%, 55px);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.sec_head {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
}

.sec_head .en {
  font-size: clamp(18px, 2.6vw, 27px);
}

.sec_head .jp {
  position: relative;
  font-size: clamp(24px, 3.8vw, 39px);
  padding-top: 0.51em;
  margin-top: 0.51em;
}

@media screen and (max-width: 480px) {
  .sec_head .jp {
    line-height: 1.4;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.sec_head .jp::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1px;
  background: #221714;
}

.map {
  position: relative;
  margin-top: clamp(30px, 5.21%, 50px);
  margin-bottom: clamp(30px, 6.25%, 60px);
}

.map::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 1px solid #999999;
  pointer-events: none;
}

.location-list {
  padding-bottom: clamp(30px, 9.38%, 90px);
  margin-bottom: -35px;
}

@media screen and (max-width: 480px) {
  .location-list {
    margin-bottom: -20px;
  }
}
.location-list .item {
  max-width: 300px;
  width: 31.25%;
  margin-bottom: 35px;
}

@media screen and (max-width: 480px) {
  .location-list .item {
    width: 48%;
    margin-bottom: 20px;
  }
}
.location-list .item .item_name {
  text-align: right;
  line-height: 1;
  margin-top: 5px;
  font-size: clamp(12px, 1.4vw, 15px);
}

@media screen and (max-width: 480px) {
  .location-list .item .item_name {
    text-align: left;
  }
}
.location-list02 img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .location-list02 {
    -webkit-column-gap: 4%;
    column-gap: 4%;
  }
}
@media screen and (max-width: 480px) {
  .location-list02 {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}
.location-list02 .item:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  .location-list02 .item:not(:last-child) {
    margin-bottom: 15px;
  }
}
.inner_1080 {
  max-width: 1080px;
  margin: 0 auto;
  width: calc(100% - 40px);
}


@media not screen, screen and (min-width: 481px) {
  .vsp480 {
    display: none;
  }
}
.page_cap {
  padding: 25px 0;
}

.page_cap p {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 480px) {
  .page_cap p {
    font-size: 10px;
  }
}
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.sec01.accesssec01 {
  padding-top: 18px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1160px) {
  .sec01.accesssec01 {
    padding: 0.93% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .sec01.accesssec01 {
    padding: 0;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .sec01.accesssec01 .photo3 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .sec01.accesssec01 .photo3 .img:last-child {
    margin-bottom: 0;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.sec01.sec01accessMain {
  padding-top: 76px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1160px) {
  .sec01.sec01accessMain {
    padding: 3.95% 0% 0% 0%;
  }
}

.accessLocation .item .item_name {
  line-height: 1.5;
}
.accessLocation .item .item_name::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
  content: "";
}
.accessLocation .item .item_name::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.5) * 0.5em);
  content: "";
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/*! Writen  by SCSS */
.ceil {
  max-width: 400px;
  width: 33.34%;
}

.floor {
  width: 33.33%;
}

.round {
  width: 33.33%;
}

.shadow {
  text-shadow: 0px 0px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 7px #FFFFFF, 0px 0px 8px #FFFFFF, 0px 0px 9px #FFFFFF, 0px 0px 10px #FFFFFF;
}

.shadow2 {
  box-shadow: 0px 0px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 7px #FFFFFF, 0px 0px 8px #FFFFFF, 0px 0px 9px #FFFFFF, 0px 0px 10px #FFFFFF;
}

.media {
  color: blue;
}

@media screen and (max-width: 960px) {
  .media {
    color: yellow;
  }
}
@media screen and (max-width: 768px) {
  .media {
    color: red;
  }
}
.bdr {
  border: solid 1px;
}

.bdr_2 {
  border: solid 2px;
}

div.container {
  max-width: 100%;
  padding: 30px 0 25px;
}

.outline .out_cttl {
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .outline .out_cttl {
    font-size: 14px;
  }
}
.outline .out {
  font-size: 16px;
  width: 100%;
  border-collapse: collapse;
  border-top: solid 1px #a0a0a0;
}

.outline .out td {
  padding: 15px 10px;
  border-bottom: solid 1px #a0a0a0;
  vertical-align: top;
}

.outline .out td:nth-child(1) {
  width: 9em;
  border-bottom: solid 2px #a0a0a0;
}

.outline .out td:nth-child(2) {
  width: calc(100% - 9em);
}

@media screen and (max-width: 767px) {
  .outline .out {
    font-size: 13px;
    border-top: solid 2px #a0a0a0;
  }
  .outline .out td {
    display: block;
  }
  .outline .out td:nth-child(1) {
    width: 100%;
    border-bottom: none;
    padding: 10px 6px 0;
  }
  .outline .out td:nth-child(2) {
    width: 100%;
    padding: 0 6px 10px;
    border-bottom: solid 2px #a0a0a0;
  }
}
.outline .day {
  font-size: 14px;
}

.outline .day td:nth-child(1) {
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .outline .day {
    font-size: 12px;
  }
}
.jyouken {
  display: flex;
  justify-content: space-between;
}

.jyouken > p:nth-child(1) {
  border: solid 1px #000;
  padding: 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7em;
  text-align: center;
}

.jyouken > p:nth-child(2) {
  font-size: 12px;
  width: calc(100% - 8em);
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .jyouken {
    display: block;
  }
  .jyouken > p:nth-child(1) {
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
  }
  .jyouken > p:nth-child(2) {
    font-size: 10px;
    width: 100%;
  }
}
.yokoku {
  display: flex;
  justify-content: space-between;
}

.yokoku > p:nth-child(1) {
  border: solid 1px #000;
  padding: 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8em;
}

.yokoku > p:nth-child(2) {
  font-size: 10px;
  width: calc(100% - 11em);
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .yokoku {
    display: block;
  }
  .yokoku > p:nth-child(1) {
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
  }
  .yokoku > p:nth-child(2) {
    font-size: 10px;
    width: 100%;
  }
}
.page_ttl {
  text-align: center;
  line-height: 1;
}

.page_ttl .en {
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: bold;
}

.page_ttl .ja {
  font-size: 17px;
  font-weight: bold;
}

.mb40 {
  margin-bottom: 40px !important;
}


/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/*! Writen  by SCSS */
div.container {
  padding-bottom: 25px;
}

.main_wrap {
  font-feature-settings: "palt";
}

.title {
  align-items: center;
  margin-bottom: 20px;
}

.title .icon {
  width: 30px;
}

.title .text {
  width: calc(100% - 40px);
  padding: 0 10px;
  color: #FFF;
  font-size: clamp(18px, 2.6vw, 27px);
  background: #047b8a;
}

.sec01 {
  padding-top: clamp(30px, 5.21%, 50px);
  font-feature-settings: "palt";
}

.sec01 .bg_ttl {
  background: #716F5F;
  color: #fff;
  line-height: 100px;
  font-size: 43px;
  letter-spacing: 0.2em;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .sec01 .bg_ttl {
    font-size: 32px;
    line-height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .sec01 .bg_ttl {
    font-size: 26px;
    line-height: 70px;
  }
}
@media screen and (max-width: 480px) {
  .sec01 .bg_ttl {
    font-size: 4.7vw;
    line-height: 40px;
  }
}
.table_box .table_cap {
  font-size: 23px;
  text-align: right;
}

.table_box h3 {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  .table_box h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .table_box h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.table_box table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table_box table.col3 th {
  width: 33.33%;
}

@media screen and (max-width: 480px) {
  .table_box table.col3 th:nth-child(1) {
    width: 5.5em !important;
  }
  .table_box table.col3 th:nth-child(2) {
    width: 12em !important;
  }
  .table_box table.col3 th:nth-child(3) {
    width: auto !important;
  }
}
.table_box table .bg td {
  background: #e0e9de;
}

.table_box table .seiyaku {
  color: #e60012;
  border: 1px solid #e60012;
  padding: 5px;
  display: inline-block;
  line-height: 1;
}

.table_box table th,
.table_box table td {
  text-align: center;
  font-size: 23px;
  line-height: 62px;
}

.table_box table td:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}

.table_box table td .icon {
  width: 38px;
  height: 38px;
  display: flex;
}

@media screen and (max-width: 960px) {
  .table_box table th,
  .table_box table td {
    font-size: 18px;
    line-height: 50px;
  }
  .table_box table td .icon {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 640px) {
  .table_box table th,
  .table_box table td {
    font-size: 14px;
  }
  .table_box table td .icon {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width: 480px) {
  .table_box table th,
  .table_box table td {
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 0;
  }
  .table_box table td:nth-child(3) {
    column-gap: 5px;
    display: table-cell;
  }
  .table_box table td .icon {
    width: 20px;
    height: 20px;
  }
}
.mb35 {
  margin-bottom: 35px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

@media screen and (max-width: 768px) {
  .mb15_sp {
    margin-bottom: 15px !important;
  }
  .vsp480.ta_c {
    text-align: center !important;
  }
}
@media screen and (max-width: 320px) {
  .table_box table th,
  .table_box table td {
    font-size: 3.5vw;
  }
}
.table_box table th {
  font-weight: normal;
  color: #fff;
  background: #716F5F;
}

.table_box table th:not(:last-child) {
  position: relative;
}

.table_box table th:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 33px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  display: block;
}

@media screen and (max-width: 480px) {
  .table_box table th:not(:last-child)::before {
    height: 20px;
  }
}
.plans .spces {
  display: flex;
}

@media screen and (max-width: 480px) {
  .plans .spces {
    display: block;
  }
}
.plans .spces .bg01 {
  width: 34.4444444444%;
  background: #ea6171;
}

@media screen and (max-width: 480px) {
  .plans .spces .bg01 {
    width: auto;
    padding: 10px 0;
  }
}
.plans .spces .bg02 {
  width: 65.5555555556%;
}

@media screen and (max-width: 480px) {
  .plans .spces .bg02 {
    width: auto;
    padding: 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .plans .fig {
    overflow-x: scroll;
  }
  .plans .fig img {
    max-width: 600px;
    width: 600px;
  }
}
.sp_slide {
  text-align: center;
  display: inline-block;
  line-height: 1;
  padding: 0 15px 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
  position: relative;
}

.sp_slide::before {
  content: "";
  width: 10px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  display: block;
  border-top: 10px solid #000;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}


.secMadori {
  padding-top: 19px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1160px) {
  .secMadori {
    padding: 0.98% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .secMadori {
    padding: 0.5% 0% 0% 0%;
  }
}

.secMadori .table_box {
  margin-top: 31px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .secMadori .table_box {
    margin-top: 2.87%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .secMadori .table_box {
    margin-top: 6.87%;
  }
}

@media screen and (max-width: 767px) {
  .secMadori .table_box table th {
    vertical-align: middle;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.qualityMain {
  padding-top: 70px;
  padding-bottom: 200px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../img/qualityT/bgQualityMainPc.png) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 1160px) {
  .qualityMain {
    padding: 3.64% 0% 10.41% 0%;
  }
}
@media screen and (max-width: 767px) {
  .qualityMain {
    padding: 11% 0% 26.66% 0%;
    background: url(../img/qualityT/bgQualityMainPc.png) no-repeat center top;
    background-size: cover;
  }
}

.h1QualytyTop {
  font-size: 48px;
  letter-spacing: 0.24em;
  line-height: 1.7;
}
@media screen and (max-width: 1160px) {
  .h1QualytyTop {
    font-size: 4.1379310345vw;
  }
}
@media screen and (max-width: 767px) {
  .h1QualytyTop {
    letter-spacing: 0.24em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h1QualytyTop {
    font-size: 5.3333333333vw;
  }
}

.txtQualytyTop {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1160px) {
  .txtQualytyTop {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .txtQualytyTop {
    font-size: 1.724137931vw;
  }
}
@media screen and (max-width: 767px) {
  .txtQualytyTop {
    margin-top: 2.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtQualytyTop {
    font-size: 3.7333333333vw;
  }
}

.photoQualytyTop {
  margin-top: 59px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
}
@media screen and (max-width: 1160px) {
  .photoQualytyTop {
    margin-top: 3.07%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .photoQualytyTop {
    width: 66.66%;
  }
}
@media screen and (max-width: 767px) {
  .photoQualytyTop {
    margin-top: 11.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .photoQualytyTop {
    width: 100%;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.navQualityTab {
  margin-top: -38px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1160px) {
  .navQualityTab {
    margin-top: -1.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .navQualityTab {
    margin-top: -32.3%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulNavQualityTab {
  width: 960px;
  margin: auto;
}
@media screen and (max-width: 1160px) {
  .ulNavQualityTab {
    width: 82.75%;
  }
}
@media screen and (max-width: 767px) {
  .ulNavQualityTab {
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulNavQualityTab {
    width: 80%;
  }
}

.liNavQualityTab {
  width: 300px;
}
@media screen and (max-width: 1160px) {
  .liNavQualityTab {
    width: 31.25%;
  }
}
@media screen and (max-width: 767px) {
  .liNavQualityTab {
    width: 300px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liNavQualityTab {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liNavQualityTab:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liNavQualityTab:nth-child(n+2) {
    margin-top: 4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnNavQualityTab {
  width: 100%;
  aspect-ratio: 300/73;
  border: 1px solid #FFF;
  background: #B9B9B9;
  color: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btnNavQualityTab {
    aspect-ratio: 300/73;
  }
}

.btnNavQualityTab.on {
  border: 1px solid #FFF;
  background: #282828;
  color: #FFF;
  text-decoration: none;
}

.h2NavQualityTab {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 1160px) {
  .h2NavQualityTab {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .h2NavQualityTab {
    line-height: 1.8;
    letter-spacing: 0.16em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2NavQualityTab {
    font-size: 4.2666666667vw;
  }
}

.rubyNavQualityTab {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1160px) {
  .rubyNavQualityTab {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .rubyNavQualityTab {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyNavQualityTab {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .rubyNavQualityTab {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyNavQualityTab {
    font-size: 3.2vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.qualityTechnology {
  margin-top: 119px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .qualityTechnology {
    margin-top: 6.19%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .qualityTechnology {
    margin-top: 24.33%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .qualityTechnology {
    width: 89.33%;
  }
}

.h2Technology {
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1160px) {
  .h2Technology {
    font-size: 2.0689655172vw;
  }
}
@media screen and (max-width: 767px) {
  .h2Technology {
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2Technology {
    font-size: 6.4vw;
  }
}

.rubyTechnology {
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0;
}
@media screen and (max-width: 1160px) {
  .rubyTechnology {
    margin-top: 0.34%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .rubyTechnology {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyTechnology {
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyTechnology {
    font-size: 4.2666666667vw;
  }
}

.qualityTechnology02 {
  margin-top: 107px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .qualityTechnology02 {
    margin-top: 5.57%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .qualityTechnology02 {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .qualityTechnology02 {
    width: 89.33%;
  }
}

.h2QualityTechnology {
  font-size: 28px;
  line-height: 1.8;
  font-weight: 600;
}
@media screen and (max-width: 1160px) {
  .h2QualityTechnology {
    font-size: 2.4137931034vw;
  }
}
@media screen and (max-width: 767px) {
  .h2QualityTechnology {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2QualityTechnology {
    font-size: 6.4vw;
  }
}

.rubyQualityTechnology {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 1160px) {
  .rubyQualityTechnology {
    margin-top: 1.55%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .rubyQualityTechnology {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 767px) {
  .rubyQualityTechnology {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .rubyQualityTechnology {
    font-size: 3.4666666667vw;
  }
}

.ulPhotosTechnology {
  margin-top: 89px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1160px) {
  .ulPhotosTechnology {
    margin-top: 7.67%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .ulPhotosTechnology {
    width: 86.2%;
  }
}
@media screen and (max-width: 767px) {
  .ulPhotosTechnology {
    margin-top: 27.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.liPhotosTechnology:nth-child(n+2) {
  margin-top: 198px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .liPhotosTechnology:nth-child(n+2) {
    margin-top: 17.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liPhotosTechnology:nth-child(n+2) {
    margin-top: 29.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2LiPhotosTechnology01 {
  margin-top: 198px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .h2LiPhotosTechnology01 {
    margin-top: 19.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h2LiPhotosTechnology01 {
    margin-top: 29%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology01_02 {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology01_02 {
    margin-top: 5.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology01_02 {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .photosTechnology01_02 {
    margin-top: 17.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology01_03 {
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology01_03 {
    margin-top: 4.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology01_03 {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .photosTechnology01_03 {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology02_01 {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology02_01 {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology02_01 {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .photosTechnology02_01 {
    margin-top: 17.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology02_02 {
  margin-top: 49px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology02_02 {
    margin-top: 4.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology02_02 {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .photosTechnology02_02 {
    margin-top: 11.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology03_01 {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology03_01 {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology03_01 {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology03_02 {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology03_02 {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology03_02 {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.photosTechnology03_03 {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .photosTechnology03_03 {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .photosTechnology03_03 {
    margin-top: 11.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.h32Technology {
  margin-top: 108px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1160px) {
  .h32Technology {
    margin-top: 9.31%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .h32Technology {
    font-size: 2.4137931034vw;
  }
}
@media screen and (max-width: 767px) {
  .h32Technology {
    margin-top: 19.5%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h32Technology {
    font-size: 6.4vw;
  }
}

.txtTechnology {
  margin-top: 17px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0em;
  text-indent: 0em;
  width: 700px;
}
@media screen and (max-width: 1160px) {
  .txtTechnology {
    margin-top: 1.46%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .txtTechnology {
    font-size: 1.3793103448vw;
  }
}
@media screen and (max-width: 1160px) {
  .txtTechnology {
    width: 60.34%;
  }
}
@media screen and (max-width: 767px) {
  .txtTechnology {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    letter-spacing: 0em;
    text-indent: 0em;
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTechnology {
    font-size: 3.4666666667vw;
  }
}

.ulSpace {
  margin-top: 190px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1160px) {
  .ulSpace {
    margin-top: 16.37%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .ulSpace {
    width: 86.2%;
  }
}
@media screen and (max-width: 767px) {
  .ulSpace {
    margin-top: 27.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulSpace {
    width: 100%;
  }
}

.liSpace:nth-child(n+2) {
  margin-top: 198px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .liSpace:nth-child(n+2) {
    margin-top: 17.06%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liSpace:nth-child(n+2) {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liSpace:nth-child(n+2) {
    margin-top: 29.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSpace01_01 {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSpace01_01 {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSpace01_01 {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picSpace01_01 {
    margin-top: 17.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSpace01_02 {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSpace01_02 {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSpace01_02 {
    margin-top: 8.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSpace01_03 {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSpace01_03 {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSpace01_03 {
    margin-top: 8.94%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSpace02_01 {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSpace02_01 {
    margin-top: 6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSpace02_01 {
    margin-top: 17%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.txtTechnology02 {
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0em;
  text-indent: 0em;
}
@media screen and (max-width: 1160px) {
  .txtTechnology02 {
    margin-top: 1.2%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .txtTechnology02 {
    font-size: 1.2068965517vw;
  }
}
@media screen and (max-width: 767px) {
  .txtTechnology02 {
    margin-top: 1.97%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    letter-spacing: 0em;
    text-indent: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtTechnology02 {
    font-size: 3.2vw;
  }
}

.ulSupport {
  margin-top: 197px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
@media screen and (max-width: 1160px) {
  .ulSupport {
    margin-top: 16.98%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1160px) {
  .ulSupport {
    width: 86.2%;
  }
}
@media screen and (max-width: 767px) {
  .ulSupport {
    margin-top: 28%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulSupport {
    width: 100%;
  }
}

.liSupport:nth-child(n+2) {
  margin-top: 200px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .liSupport:nth-child(n+2) {
    margin-top: 17.24%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .liSupport:nth-child(n+2) {
    margin-top: 100px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liSupport:nth-child(n+2) {
    margin-top: 29.85%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSupport01_01 {
  margin-top: 58px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSupport01_01 {
    margin-top: 5.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSupport01_01 {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picSupport01_01 {
    margin-top: 17.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSupport01_02 {
  margin-top: 48px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSupport01_02 {
    margin-top: 4.8%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSupport01_02 {
    margin-top: 12%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSupport01_03 {
  margin-top: 67px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSupport01_03 {
    margin-top: 6.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSupport01_03 {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSupport02_01 {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSupport02_01 {
    margin-top: 5.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSupport02_01 {
    margin-top: 60px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picSupport02_01 {
    margin-top: 17.91%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSupport02_02 {
  margin-top: 56px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSupport02_02 {
    margin-top: 5.6%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSupport02_02 {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.picSupport02_03 {
  margin-top: 57px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .picSupport02_03 {
    margin-top: 5.7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .picSupport02_03 {
    margin-top: 11%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 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
*/
/*
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:34:06
    Author     : SPG-1105
*/
.bg_716F5F {
  background: #716F5F;
}

.bg_fff {
  background: #fff;
}

.bg_308872 {
  background: #308872;
}

.bg_278493 {
  background: #278493;
}

.cl_fff {
  color: #fff;
}

.cl_716F5F {
  color: #716F5F;
}

.cl_616161 {
  color: #616161;
}

.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 */